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مشروع 
(تصميم مواقع الويب) 


الصف الثاني الثانوي 


الفصل الدراسي الأول 
إعداد 

د/ طاهر عبد الحميد العدلى أ/ أحمد عبد الله منصور 
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مراجعة تربوية 


د/ روجينا محمد حجازري 
خبير المناهج مركز تطوير المناهج والمواد التعليمية 
مراجعة علمية 
أ/ ماشاء الله محمد محمد 
مدير عام إدارة تنمية مادة الكمبيوتر وتكنواوجيا المعلومات 
أ.د/ محمد فهمي طلبة 
أستاذ الحاسبات والمعلومات بجامعة عين شمس 
تصميم 
عبير محمد أنور محمد 
خبير الكمبيوتر وتكنولوجيا المعلومات 
إدارة تنمية مادة الكمبيوتر وتكنواوجيا المعلومات 
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قندمة الكتاب 


يفرض التطور المستمر فى مجال تكنولوجيا المعلومات والاتصالات على العملية التعليمية تبني 
توجهات ورؤى جديدة لمواكبة هذه التطورات المتلاحقة. 

وهو ما دفعنا إلى تبنى مداخل تعليمية جديدة لمعالجة منهج تكنولوجيا المعلومات والاتصالات 
للصف الثانى الثانوى يهدف إلى تحقيق الأهداف والفلسفة والرؤى التى تضمنتها وثيقة المنهج 
ويعكس معايير ومؤشرات المادة للصف الثاني الثانوى التى تم اعدادها فى اطار مصفوفة من المدى 
والتتابع على المراحل والصفوف الدراسية المختلفة. 

ويهدف المنهج إلى تنمية مهارات التعلم الذاتى والإلكترونى والتعاونى ومهارات التفكير بأنواعه 
المختلفة من خلال تعاون الطلاب فى تنفيذ مشروعات لتصميم وإنشاء موقع ويب تفاعلى (قاموس 
مصطلحات مصور) . 

تعتمد فكرة عمل المشروع على انشاء نموذج يحتذى به لبرنامج تصمم صفحاته باستخدام تطبيق 

(اعلالا «و1ز655:م«اط) لغة الترميز 1111/1, . ويضم قواعد بيانات يتم إنشائها باستخدام برنامج 

5001لا . 

ويتم التعامل مع قواعد البيانات مع من خلال أكواد جاهزة تمت كتابتها بلغة برمجة (15اص) 
المفتوحة المصدر 5010166 7261© ويمكنك نسخها والأستعانة بها فى إنشاء صفحات الموقع وفهم 
وتطوير أي كود. 

كما يتضمن الكتاب صورًا من واجهات التطبيق الفعلية المنفذة للمشروع لتوضيح جميع خطوات 
العمل وتبسيط المفاهيم لدى المتعلمين وكل ذلك من خلال أنشطة وتدريبات عملية. 

وأخيرًا فإن هذا الكتاب يحرص على تنمية المهارات الأساسية لدى المتعلمين من خلال تنفيذ 
مشاريع تتيح لهم فرصًا لتوظيف ما يتم دراسته فى حياتهم العملية بصورة ابداعية. 


(والله الموفق) 


فريق العمل 














أهداف كتاب تكنولوجيا المعلومات والاتصالات للصف الثاني الثانوي العام: 

> تعرف بعض العمليات والمفاهيم الخاصة بالبنية الأساسية لنظم الكمبيوترء وقواعد البيانات» 
ولغات برمجة انشاء صفحات ودبء وتأمين مواقع الودب. ا 

> تعرف بعض المفاهيم والعمليات الأساسية الخاصة بلخدمات وتطبيقات تكنولوجيا المعلومات 
والإتصالات. 

> فهم بعض جوانب الأمن الفكرى (الإنسانية والأخلاقية والاجتماعية) وأمن المعلومات المتعلقة 
بإستخدام تكنولوجيا المعلومات والاتصالات. 

> استخدام أدوات الإنتاج التكنولوجية (....-1851128:5001ل1111) في دعم وتطوير التعلم. 

> انتاج مشروع (قاموس مصطلحات الكمبيوتر المصور) باستخدام العمليات والبرامج والأدوات 
التكنولوجية. 

> توظيف أدوات الاتصال التكنولوجية في تبادل المحتوى والتواصل والتفاعل والتعاون مع الآخرين 
لدعم التعلم. 

> استخدام الأدوات والمصادر التكنولوجية في التعامل مع المعلومات و البيانات الإلكترونية ومعالجتها 


وتقييمها واعداد تقارير بالنتائج. 












الوحدة 0 


أساسيات تصميم مو واقع الويب 


الوحدة الأولى 


أساسيات تصميم مواقع األويب 








في نهاية الوحدة يتوقع أن يكون الطالب قادرًا على أن: 


-١‏ يوضح بعض المفاهيم والمصطلحات العلمية المتقدمة ذات الصلة بالكمبيوتر 
"- يوظف برامج الكمبيوتر في تنفيذ مهام التعلم. 

"- يوظف خدمات شبكة الإنترنت في عمليتي التعليم والتعلم. 

:- يمارس عمليات البحث عن المعلومات الإلكترونية بكافة صورها المتاحة 


على أجهزة الكمبيوتر وشبكات المعلومات الموثوقة في حل مشكلة. 
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الوحدة الأولى 


سبق أن تناولنا في مقرر الكمبيوتر للصف الأول الثانوي» العديد من المعارف والمهارات 
المتنوعة من خلال انتاج مشروع "الأطلس العربي الإلكتروني"؛ واستمرارًا لما بدأناه يمكنك إعداد 
المزيد من المشروعات المتنوعة فى مختلف المناحى الدراسية والحياتية» سوف نبحر معك فى 
عالم افتراضى مفتوح يحقق المتعة والاستفادة والإبداع أثناء تصميمك وإنشاءك موقع ويب 'قاموس 
مصطلحات الكمبيوتر المصور" باستخدام تطبيقات ولغات برمجة مجانية مفتوحة المصدرء» تعد 
الأكثر انتشارًا في كبرى الشركات والمؤسسات العالمية المتخصصة في تكنولوجيا المعلومات 


والاتصالات. 


ويّعد مشروع إنتاج موقع 'قاموس مصطلحات الكمبيوتر المصور" بمثابة نموذج لقاموس 
مصطلحات عام تستطيع من خلاله إدخال كافة المصطلحات الخاصة بأى مادة دراسية » ويتيح 
وذلك بالإضافة إلى إمكانية تعديله أو حذفه. 





أساسيات تصميم موقع الويب 



















الوحدة الأولى 
أساسيات تصميم موقع الويب 


الموضوع الأول 
مدخل معرفي للمشروع 


و التعل 
في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: 
-١‏ يتعرف بعض المفاهيم والمصطلحات الأساسية المرتبطة بإنشاء موقع ويب يتعامل مع 
قواعد البيانات. 
"- يميز صفحة الويب الساكنة وصفحة الويب الديناميكية. 
"- يمارس عمليات إعداد جهاز الكمبيوتر ليصبح جهاز .5©1١©/‏ 


4- يتعرف حزم برامج وتطبيقات الويب. 
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الوحدة الأولى 
أساسيات تصميم موقع الويب 















أكتاء تنفيذك مشر وح "قاموس م عا مانت الك بد تر || 9" 


-١‏ البرامج المجانية عتد”اعع1: 
برامج يسمح مالكها "صاحب حق الملكية الفكرية" باستخدامها دون مقابل مادي أو إذن 
؟- البرامج مفتوحة المصدر 221205ع2:0 عع50111 معم0) : 
برامج وتطبيقات منشورة يُسمح لمستخدميها بالاطلاع على الكود وامكانية تعديله وتطويره 
في ضوء احتياجات مطوريها :واعادة نشرها أو استخدامها بعد التعديل. 
7'- صفحة الو يب السأكنة عد ءا غ1ةاذ : 


صفحة معلومات تعرض من خلال أحد مستعرضات الإنترنت؛» يمكن حفظها بامتداد , 115ا. 
1 ,تعرض مختلف أنواع البياناات من نصوص وأرقام وصور وفيديو وجداول وروابط ... 
إلخ» وقد يصاحب هذه البيانات بعض التأثيرات: 








هات 
ِ 1 ونارة التربية والتعدليم 9© || 
٠. _‏ - - - - 
وزارة التربيةه والتعليحم 
الادارة العامة تلكمييوتر التعليمي 


7 ١ اهدافق‎ 


المادة العلمية للمشرو ع 
الوواحدات الير مجية 
- ..مايو 1/2 20 لصتاحعة الير صحجيات فالصديتة التعليصسية ب 6 352١‏ 


<< 
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الوحدة الأولى 





ع - صفحة الويب الديناميكية ععد2 ذاأء/11 عتصدمص رآ : 
صفحة معلومات متاحة على الإنترنتء. تكتب بلغة لاط أو 4ع6م.2652 2 
يمكنها عرض مختلف أنواع البيانات» ويتاح من خلالها إجراء معالجة لمحتوى الصفحة؛ كإرجاع 
قيمة أو عرض رسالة أو ناتج. 
وتحتوى صفحة الوبب الديناميكية على كود يتم تنفيذه على جهاز الخادم 56/761 .على سبيل المثال: 


9 احتواء الصفحة على كود للتعامل مع قاعدة بيانات عند الخادم. 


ويمكنك في بعض الأحيان معرفة نوع اللصفحة (ساكنة أو ديناميكية) من الإمتداد المتاح في 
عنوان الموقع 981لا 









|35 أناة ع نأ /بوع وق 6 /بلعع كتداع 1ق مع (ا//غ5ان !لال وداش /روع. 01 و.ع0١0.|ت‏ هم /ر/مغاط 6 





ماعط كامه1 عع ترمينوعغ بعالا 01 





ا 0 0 خريطة الموقع | إتصل ينا | إخلاء المسئولية | التكاوى | 1|15١‏ وم 
وال حلدمن 


امسايو اي صقمم افر 


عن الوزارة ١‏ أكاديمية المعلم | الإدارة الإلكترونية | الثانوية العامة | التعليم الإلكتروني | الإحصائيات والمؤشرات | الخدمات الالكثرونية | المركز الإعلامي | خدمات المواطنين | 


هم اص 
3 4 






5 


5 
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الوحدة الأولى 
أساسيات تصميم موقع الويب 


ا 5 9 


3 لخادم 171 : 

الممصطلح يقصد نمية معد بيد مختلفين» أعسدفها بإعتباره " جهاز كمبيوتر خادم 
اعلاماع5 ع0/3ا310 في شبكة كمبيوترء والآخر بإعتباره مهمة/ دور يقوم بيبا احد 
الأجهزة أو المكونات في شبكة كمبيوتر /علااع5 50160/306 . 


الأول: 

يقصد به جهاز كمبيوتر خادم 5617767 306/لا11300 في شبكة كمبيوتر وهو جهاز يتميز 
بمواصفات فنية عالية عن باقي أجهزة الشبكة؛ يتحكم في باقي أجهزة الشبكة ومن خلاله 
تتحدد صلاحيات مستخدمي شبكة الكمبيوتر بواسطة نظام تشغيل ال /)ع/ا)اع5. 


الثانى: 


ع 5011/36 فمثلًا: 
خادم الوبب “'ع/ا/56 اعلالا : يقصد به جهاز الكمبيوتر المخزن عليه صفحات موقع الودب. 


خادم الطايعة 6 8101 : بقصد به جهاز الكمبيوتر المتصلة به الطابعة » وبتحكم في إدارة 
عمليات الطباعة التي تصدر من أي جهاز آخر في الشبكة. 


خادم البريد الإلكتروني /©/5©11 1/1311:_ يقصد به جهاز الكمبيوتر المُخزن عليه رسائل البريد 
الإلكتروني وبتحكم في إدارة كافة العمليات المرتبطة بالبريد الإلكتروني وبتيحها لباقي أجهزة الشبكة. 


خادم قاعدة البيانات_/“ع/ا؛5©1 03430356 : فهو جهاز الكمبيوتر المُخزن عليه قاعدة البيانات ودتحكم 
وددير عمليات تعامل باقى أجهزة الشبكة معهاء .... وهكذا. 





ا 













الوحدة الأولى 


أساسيات تصميم موقع الويب 








"- سكريدت م511 : 
كود يكتب بإحدى لغات البرمجة المخصصة لصفحات الودب لإجراء مهمة أو معالجة على 


٠-65‏ »510 أادمة ان 5 ا ©5101 عبارع5 


م511 اول لام 
1م511 ١6‏ 1 2656 


داخل المستعرض بجهاز العميل داخل جهاز الخادم 


"ادمع 2١1‏ ]3 دنا ". اعلاع5 "ملكا" 


ملاحظة: 
> التأكد من عدم ترك حقل اسم المستخدم خالي يمكن تنفيذه عن طريق 
كود ]561106 212ل على جهاز (0116016 26 (اناكا) 


> أما كود التحقق من ان اسم المستخدم و كلمة السر صحيحة وهى الموجود في قاعدة البيانات 
بالخادم يمكن تنفيذه عن طريق 
كود 1]طأر 8572 على جهاز (/56106 36 (اناكا). 





/ا- لغة الترميز أو التكو يد 1111701 "ععدتاعصدآ منكاعد/ط! عت '!' عمو ": 


اللغة المستخدمة فى إنشاء ©1236 1//©1 ©51311, ويمكن حفظ هذه الصفحات بامتداد 


111 ,104133. وتعرض من خلال أحد مستعرضات الإنترنت. 
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الوحدة الأولى 


أساسيات تصميم موقع الويب 





/- لغة 2218 "لعود2 عمرده11 لمدمومءم": 

المصدر تتسم بالسهولة والسرعة و تعمل لدى الخادم ©21701136! ©5106 56137761 وبتم تضمين 
الكود الخاص بها داخل كود 1!111/1. كما يمكنها الاتصال بسبولة بقواعد البيانات المختلفة 
عات 

وتُحفظ الصفحات التى تحتوي على كود 2819 بامتداد 8118. ولتنفيذ كود 8118 نحتاج 
لإجراء بعض التعديلات اللازمة لجعل جهاز الكمبيوتر الشخصي جهاز خادم 5617/61 باستخدام 
برنامج اع/7ا56 ©23261م8. 
صفحات الودب بلغة 21418]: 






00 ال 





بللسلماة] ددم 3 50010 003103 
بو بعل وام 100 انمثم 


003 
561010 


19 
للك 


)017000 60| 


)»056000 
01+ 
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الوحدة الأولى 





0 ا 


معلا 





عاق عك وص ةايم 


4 ططاحثيايا حون و ددص ور صر>ح-]] 


60707 آلا ع0 ع1 1 


)00 4ك ١ ١‏ منمواد؟ 


عع ملا ع6ع001]6) 
0ع ا/ا 1 لا 


ط| 6 1/1/6516 


شكل (") بعض التطبيقات المستخدمة في إنشاء صفحات ويب 





6-بن نامج ع5 عطأعومفق 
يستخدم مع أجهزة ال 5617/61 أو لتحويل جهازك الشخصي إلى جهاز خادم !©1707 ©5 
اختبار صفحات الموقع محليًا على جهاز الكمبيوتر 0©231! قبل رفعه على الجهاز المضيف 
051!! ليتم نشره على الإنترنت. 














الوحدة الأولى 
أساسيات تصميم موقع الويب 





-٠‏ نشر موقم ويب غ51 <اء/1١ا‏ وصنطدناان2: 


أن يكون متاحًا لزيارته على الإنترنت» وتوجد طريقتان لنشر موقع: 


محلدًا )051دطاج©0 ٠‏ 


حيث يتم عرض الموقع على جهاز الكمبيوتر الخاص بنا أو في شبكة محلية لاله ا. 


الانترنت غ)ز5 معلالا ومنطدنامطينم 
حي'ث يرف عالموقع على جهاز خسادم يس مى جهاز 
©5111 ع/لا 11051410] أو الجهاز المٌُضيف حيث يسمح للمستخدمين بزيارة الموقع 
من خلال عنوان خاص بالموقع يطلق عليه 2001655 معلالا أو اعانا 


"062101 ا 5001© 5717 مثل عنوان موقع وزارة التربية والتعليم 


"© » . 10 © . © 0١1اع‏ . لالالالالالا" . 





:"50[, لغة عع دناعصهآ دعن 0 ماع51"‎ -١١ 
لغة برمجة تستخدم في كافة عمليات إدارة قواعد البيانات بدءَ من إنشاء قاعدة البيانات‎ 
الى العاناك مد 1 نكن حاون التي لكر مهيا تررض الات ون حر كيه جين‎ 
سه يرا سس د صدات‎ 


© إضافة بيانات جديدة (18!512121). 


استعراض بيانات مخزنة من قبل (2!1)01ا5). 
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الوحدة الأولى 


أساسيات تصميم موقع الويب 





© تعديل هذه البيانات (506871لا). 


حذف هذه البيانات (081578). 


:1/1150[, يعترعد‎ -١ ١ 


هو أحد تطبيقات نظم إدارة قواعد البيانات العلائقية 9081/15 
515111 1130306111 5356 0313 113110131 ". 


:" حزم تطبيقات الويب "5عمهءاعد2 نتعتحء5 داء1717‎ -١١ 
تحتوى حزم تطبيقات الويب بشكل أساسي على:‎ 
تثبيت !|1512 خادم الوب (1ع//56 ©361م8).‎ © 
تثبيت !||15]3! نظام لإدارة قواعد البيانات (-ا1/(/500).‎ © 
ويتوفر على الإنترنت حزم تطبيقات ويب مجانية يمكن تثبيتها منها على سبيل المثال:‎ 
تطبيقات الوبب #الااى | "2112 300 501ئ!/! ,6ع3م8 ,لانارأنا"‎ ةمزح-١‎ 
وتشمل برنامج خادم الودب 5©17©1 ©836©61, وتطبيق قاعدة البيانات 5001 ل[الااء‎ 
.ا!1١ال ومترجم لغة البرمجة 1119! وتعمل على نظام التشغيل‎ 
"-حزمة تطبيقات الوبب 12/ل61لالا "2115 300 501ئإا/!ا ,عاعدمم ,70005 الا"‎ 
وتشمل برنامج خادم الوبب 5©17©1 ©8361, وتطبيق قاعدة البيانات 5001 لاالااء‎ 
ومترجم لغة البرمجة 1119 وتعمل على نظام التشغيل_1/1/111001/5.‎ 
حزمة تطبيقات الوبب 5 الالثى الا "2115 300 501/!/! ,عاعدم8 ,عدالا"‎ - 
وتشمل برنامج خادم الوبب 5©17©17 ©836©61, وتطبيق قاعدة البيانات |00 5 لاالااء‎ 
.1/2© وتعمل على نظام التشغيل‎ 1١119 ومترجم لغة البرمجة‎ 
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الوحدة الأولى 
أساسيات تصميم موقع الويب 


4-حزمة تطبيقات الوبب 5الالىملا '"[:ع2 , مطظ ,1 50ئ[/! ,عاء3م8 ,2-05" 
وتشمل برنامج خادم الوبب 5©17©1 ©836©61, وتطبيق قاعدة البيانات 5001 لاالااء 


ومترجم لغة البرمجة 21159 ولغة البرمجة !61 وتعمل على أي نظام تشغيل. 


ق الجوهري بين حزم تطبيقات الويب السابقة هو نظا 





5- الجلسة مهزودء5 : 

إتاحتها للاستخدام عبر صفحات الموقع » مثل: (اسم المستخدم 1513176 /©5لاء كلمة 
المرور 3156ل" ؟"©5لا » بعض بياناته العامة والشخصية» دعب الت )م وقد يحتتاج 
المستخدم إلى التسجيل عند زيارة موقع إنترنت بإدخال كلا من: ( 5 ©1300 “مولا 
55010 ويتم ذلك بفتح 5655101 في الذاكرة يعمل كمتغير يستقبل اسم 
المستخدم وكلمة المرور التي تم إدخالها في صفحة التسجيل؛ ويسمح مطور الموقع لهذا 
المستخدم بزيارة جميع صفحات الموقع أو لا يسمح له ء وذلك بناءًا على شرط/شروط 
معينة. 


هو 


)١( تدريب‎ 


"مفاهيم أساسية" بكتاب الأنشطة والتدريبات 
٠‏ 04 )5 
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الوحدة الأولى 


أساسيات تصميم موقع الويب 





وج التعل 
في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: 


-١‏ يحدد المهام المطلوبة لإنشاء موقع ويب. 


1 يخطط الصفحة الرئيسية لموقع ويب 


- يحمل برنامج م7310 لتشغيل تطبيقي 28/2616 و 75)001الا. 
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أساسيات تصميم موقع الويب 


جح 0 











تصميم وانشاء موقع 'قأموس مصسطلحات الكمبيوتر المصور" باستخدام تطبيقات ولغات 
برمجية مجانية أو مفتوحة المصدر. 





تكمن أهمية المشروع في تدرببك على كتابة كود 5145 الخاص بالتعامل مع قواعد البيانات 
وبذلك يمكنك -عزيزي الطالب- اعتباره نموذجًا يمكنك تطبيقه في انتاج مواقع جديدة متنوعة 
الاستخدامات بعد إجراءك التعديلات اللازمة. 


الكمبيوتر المصور" : 





> تهيئة البيئة المناسبة لإنشاء الموقع. 

> إنشاء قاعدة بيانات لحفظ بيانات قاموس المصطلحات التي يتم إدخالها أو تعديلها عبر 
صفحات الموقع. 

> تصميم الصفحة الرئيسة. 

> إضافة مصطلح باللغتين العربية والإنجليزية - التعريف العلمي للمصطلح - صورة تدل 
على المصطلحء وحفظها في قاعدة بيانات. 

> البحث عن مصطلح داخل قاعدة البيانات. 

> حذف مصطلح من قاعدة البيانات. 

> تعديل بيانات مصطلح في قاعدة البيانات. 

> توفير المساعدة اللازمة حول كيفية التعامل مع الموقع. 
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الشاشة التالية تمثل نموذجًا مقترحًا للصفحة الرئيسة للموقع المطلوب إنشاؤه: 


قاموس المصطلحات العصور [0:] | ف <>« م /لمقمم عاك /بغده طاقعه|//:م خط 5 > 
بم 


ناقش زملائك ومعلمك في 
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الوحدة الأولى 


أساسيات تصميم موقع الويب 


اجراءات إنشاء موقع وبب: 





أولاً: تهيئة البيئة المناسبة لإنشاء الموقع 
وذلك لضبط ما يلزم من تقنيات لضمان سلامة تشغيل الموقع» ومن هذه الإعدادات والتقنيات ال 
بلحب وم ف , الاعتدار : 





)١(‏ تحديد البرامج التي سوف تستخدمها في بناء مشروعك وتثبيتها !135131 على الكمبيوتر. 

)١(‏ تحديد طريقة حفظ ملفات صفحات معلومات الويب 23665 1//©5ا الخاصة 
بالمشروع على جهاز كمبيوتر 'خادم' 561767 » وامكانية عرضها على أحد برامج 
مستعرضات الإنترلنت » وتحفظ هذه الصفحات في صورة ملفات على جهاز كمبيوتر 
'خادم" /©5©17, بإحدى الطرق التالية: 


بمقابل مادي على الإنترنت من خلال حجز موقع على أحد أجهزة استضافة 
مواقع الوبيب "5610/61 11051". 


نشر الموفع محليًا على جهازك ."٠-0©31 ١1051"‏ وسوف نتبنى هذا 
الخيار في إنتاج مشروع 'قاموس مصطلحات الكمبيوتر المصور". 
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الوحدة الأولى 


يجب وضع جميع الملفات الخاصة بالموفع في مجلد واحد يحتوي على مجلدات فرعية تضم الملفات 


ذات النوع الواحد معًاء وأن تكون أسماء الملفات مختصرة ومعبرة عن محتواها وباللغة الانجليزية. 





(؟) إعداد جهاز الكمبيوتر الخاص بك ليقوم بدور جهاز الخادم المضيف للموقع 
"2051 1-031 ": 
عند إنشاء موقع ويب يحتاج مطوري البرامج إلى تهيئة البيئة المناسبة لإنشاء موقع الكترونى 
'قاموس مصطلحات الكمبيوتر المصور" مما يستلزم جعل جهازك يعمل كجهاز خادم /©/56110, 
وذلك باس تخدام برنامج!5©617/6 803016 الذي يقوم بترجمة الكود المكتوب بلغة 118] 


23065 ع ترهط أجصهةىع2" . 









0 لتجربة الموقع والتأكد من صحته محليًا قبل نشره على الإنترنت 
أسوة بما تقوم به الشركات الكبرى. تحتاج إلى تهيئة جهازك ليقوم 
بدور جهاز الخادم ,©5610 ليصلح لاستضافة الموقع. 

> من أمئثلة البرامج المستخدمة لهذا الغرض برنامج "0م7320 " 





١‏ يعتبر برنامج ممم:جلا من أفضل برامج إعداد جهاز الكمبيوتر 
"+105 اجع10!". فهو يتسم بالسهولة والقدرة على التعامل مع 
قواعد البيانات 1750(1/!. 





أساسيات تصميم موقع الويب 






















الوحدة الأولى 


أساسيات تصميم موقع الويب 





نشاط )١(‏ 
تثبيت برنامج مم2ج " 08ذااجغكمأ ممممحج)ا " 
تحت إشراف معلمك 
اتبع خطوات تثبيت برنامج ممماقا الموضحة في كتاب الأنة 
والتدريبات 
صفحة ؟ 









وتمر بثلاث مراحل » هي: 


6 مرحلة انشاء قاعدة بيانات: 


تخزن فيها البيانات التي يتم إدخالها أو عرضها على صفحات موقع الويب» وذلك من 
خلال إحدى برامج إدارة قواعد البيانات مثل: 1/7/5091 - 800655 .... إلخ. 


(1) مرحلة انشاء صفحة/موقع ويب ساكنة 65 طاعلالا 512116 


وذلك من خلال أحد الخيارين التاليين: 
لغة الترميز |/111ا "300101306 ا ملكا ةا/ا 6ع 1[ اعم/انا". 
استخدام برنامج جاهز أو تطبيق مم6 مثل برنامج: لافاتتته 234 


لاحظ : 


الموقع الذي يتم إنشاؤه باستخدام تطبيق أو لغة ‏ 110/1!] يحتوي على صفحات 
ويب ساكنة "23068 1/1/6 513110" تضم صورًا مختلفة من البيانات 
والمعلومات. 








تكنولوجيا المعلومات والاتصالات - الصف الثانى الثانوى 









الوحدة الأولى 


أساسيات تصميم موقع الويب 


(*) مرحلة تحويل صفحة الويب الساكنة إلى صفحة ويب ديناميكية 


"23065 ٠اعلالا‏ لاا" - 


يتم فيها معالجة محتويات صفحة الودب الساكنة والتعديل فى قاعدة البيانات المرتبطة بها بواسطة 


المستخدم المسموح له بالمعالجة والتعديل» وذلك من خلال كتابة كود بإحدى لغات البرمجة مثل 


: هلاطداخل كود 171/11لا. 





يتم عرض صفحات الموقع باستخدام أحد مستعرضات الإنترنت التالية: 


“0 عأ - ع0ا0طن) عان0ه600 - 'عمامعاع اع10ع101 ...إلخ. 


نشاط (”) 


"تشغيل برنامج م1/12.م)7" 
تحت إشراف معلمك 
اتبع الخطوات الموضحة في كتاب الأنشطة والتدريبات 
صفحة ١١‏ لتشغيل برنامج م8م/7/81 
بالطريقة الصحيحة 
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الوحدة الأولى 


أساسيات تصميم موقع الويب 





لإنشاء مشروعنا موقع "قاموس مصطلحات كمبيوتر مصور" 

علينا ما يلى: 

-١‏ إنشاء صفحات ساكنة "1/1/6 ©51311". وهو ما يتم من خلال تطبيق يمكن من خلاله عرض 
كود " ||/ 11" مثال تطبيق"ع/الا 551010عم)»«اع" 

"- معالجة محتويات الصفحات الساكنة "6ع/ال/ا 51311" لتصبح صفحات الموقع 03110ا/ا0]؛ 
وذلك بإضافة كود بلغة "45إص" داخل كود "471(/11]". 

"- تشغيل برنامج 76310006 الذي يقوم بالاتي: 

تشغيل برنامج 823616 والذى يجعل الجهاز يقوم بدور الخادم /ع/١/©5‏ . 


تشغيل برنامج 1/17/5001 والذى يمكن من التعامل مع قواعد البيانات . 








وهو ما ستقوم بتنفيذه تحت اشراف معلمك »من خلال اتباعك 
لإجراءات الأنشطة الموضحة بكتاب الأنشطة والتدريبات . 
















الوحدة الثانية 
متطلبات ومراحل إنتاج المشروع 


الوحدة الثانيه 
متطلبات ومراحل إنتاج المشروع 


في نهاية الوحدة يتوقع أن يكون الطالب قادرًا على أن: 


-١‏ يقترح مشروعات بسيطة لتوظيف تطبيقات وخدمات تكنولوجيا المعلومات والاتصالاات 
في المجالات الحياتية والدراسية 

؟- يوظف تطبيقات تكنولوجيا المعلومات والأتصالات في تبادل مهام المشروعات 

"- يوظف بعض البرامج والتطبيقات المكتبية(جداول حسابية-قواعد البيانات) في إنتاج مهام 
محددة ضمن مشروعات تعليمية. 

4 - يوظف عدة برامج لحل المشكلات التعليمية والحياتية. 

5- يصمم قاعدة بيانات مناسبة لمشروعه 

1- يمارس مهارات البرمجة بلغة م[ ]دآ]. 

'- يستخدم بعض تطبيقات الانترنت فى تنفيذ مشروعه. 

/- يصمم صفحات ويب تفاعلية خاصة بمشروعه. 

4- يربط صفحات الويب التفاعلية بقواعد البيانات. 

2-٠‏ ينتج مشروع باستخدام تطبيقات الانترنت المتقدمة. 

2-١‏ يوظف قواعد البيانات المتقدمة  (‏ 1/11/5©01) فى تصميم مواقع لحل مشكلة حياتية. 

5 يستخدم لغة البرمجة 0]158 فى انتاج برمجيات وموقع ويب للتعبير عن افكاره. 

2-١‏ يقيّم مواقع ومصادر المعلومات من حيث الدقة والمصداقية في ضوء معايير محددة. 
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الوحدة الثانية 
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عزيزي 
الطالب/عزيزتي 
الطالبة 







يمر مشروع إنتاج "قاموس مصطلحات الكمبيوتر المصور" بعدة 


مراحل أساسية هي: 
مرحلة (1) 
تصميم صفحات الموقع 


مرحلة (2) 


مرحلة إنشاء جداول قاعدة البيانات 
مرحلة إنشاء صفحات الموقع 


وكل مرحلة تتضمن عدة مهارات ومن خلال دراستك لها وتدريبك عليها يمكنك تنفيذ المشروع 


71 
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الوحدة الثانية 
متطلبات ومراحل إنتاج المشروع 


الموضوع الأول 





فا الع 
في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: 
1 يصمم مكونات الصفحة الرئيسة لصفحات موقع قاموس المصطلحات. 


"- يحدد الروابط اللازمة للإبحار بين صفحات الموقع. 


بك يناقش مع زملاءه عدة مقترحات لتصميم صفحات المشروع. 
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الوحدة الثانية 
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هي المرحلة الأولى من مراحل تنفيذ المشروع » وفيها يتم تحديد صفحات الويب الخاصة بالمشروع »اسم كل 
منهاء الغرض منهاء ومحتواهاء ووضع تصور لتصميم مكونات الصفحة الرئيسة للموقع, والارتباطات التشعبية 
565 التي نستخدمها في التنقل بين صفحات الموقع والعودة مرة أخرى للصفحة الرئيسة. والتصميم 
الجيد للموقع قبل البدء في إنشائه يوفر الوقت والجهد ويساعد على إنتاج موقع بشكل متميز واحترافي. 
والشكل التالي يوضح تصور مقترح لتصميم صفحات موقع "قاموس مصطلحات الكمبيوتر 
المصور": 











مطم.صءء1_ل0ل0م 

















| مطم.عاع0ما 





صفحة البحث بالكلمة 


ملام.صعء1_ط]اععوء5 





'مصطلحات الكمبيوتر المصور" 
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الوحدة الثانية 
متطلبات ومراحل إنتاج المشروع 








الجدول التالي يعرض صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" والغرض منهاء وأهم 


)| تسن | عدت 


الصفحة الرئيسة 
مكام.»اع0ما 


صفحة الاتصال بقاعد 
البيانات 


مكام. 0م000 


صفحة رأس صفحات 
الموقع 
مكام.,ع1630 ا 


8600_ ١ مكام.صممع‎ 


مصطلح 


مكام. للع [_ام و56 


تفعيل الارتباطات 
التي يمكن من 
خلالها الانتفال بين 
صفحات الموقع. 


تحفيق الاتصال 
حيث يتم استدعائها 
قبل التعامل مع 
البيانات. 

إضهار الصورة 
لتافافاتاة 

والارتنباطات 
5 ”عمال التى 
تنقلنا لجميع صفحات 
الموقع حيث يتم 


بقاعدة البيانات. 


الملاحظات عليها: 


وصذها 


تمثل صفحة البداية التي تظهر 
للمستخدم عند تحميل الموقع» والتي 
من خلالها يمكن الانتقفال إلى باقي 
صفحات الموقع. 


لا تظهر هذه الصفحة أمام المستخدم 
وإنما تم فصلها لكي نكتفي بسطر كود 
واحد يحقق الاتصال بقاعدة البيانات 
في بداية كل صفحة بدلا من تكرار كود 
الاتصال بقاعدة البيانات بالكامل. 

هذه الصفحة تحتوي على الأجزاء 
الثابتة التي نحتاج لعرضها في جميع 
صففحات الموقعء لذا تم فض لها في 
صفحة مستقلة. ويتم استدعائها من 
خلال كتابة بسطر كود واحد في بداية 
كل صفحة. 


صفحة مستقلة يكتب بها كود لاستدعاء 
صفحة م0م.563061 وكود آخر 
لاستدعاء صفحة مدام. 0060© 
حتى يمكن اضافة سجل جديد لقاعدة 
البيانات 


صفحة مستقلة يكتب بها كود لاستدعاء 
صفحة م0م.563061 وكود آخر 
لاستدعاء صفحة محام.مه 0066© 


حتى يمكن البحث عن مصطلح في 
قاعدة البيانات. 
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كودم دام 


للإتصال بقاعدة البيانات. 



















..- الوحدة الد 
د . متطلبات ومراحل إنتاج المشروع 


صفحة تعديل مصطلح تعديل بيانات | عند إجراء تعديل بيانات مصطلح نختار 
مام.صلع 1 _إأألع في < المصطاح المراد تعديله. ثم إجراء ما 
يلزم من تعديل وحفظها. 


صفحة حذف مصطلح ذف بيانات يمكن حذف المصطلح الذي تم اختياره. 
ملام. ”اع 1 _اعنا 


عادة ما نجد في معظم المواقع صفحة 
5لا 801015 يعرض فيها معلومات عن 
الجهة التي يتبعها الموقع وطرائق 
التووصل مثل أرقام الهواتف والعنوان 
والبريد الإلكتروني والعنوان على مواقع 
التواصل الاجتماعي. 


لاحظ: لتجنب كتابة كود فى جميع صفحات الموقع يتم الآتي: 


١.فصل‏ الصورة :85231706 والارتباطات التشعبية 06:111115لإ١!‏ فى صفحة مستقلة بتم استدعاؤها فى 
بداية كل صفحة. 

؟.فصل كود الاتصال بقاعدة البيانات فى صفحة مستقلة بتم استدعاؤها فى بداية كل صفحة. 

".الصورة التي تظهر في بداية كل صفحة وتسمى 82111617 

؛.جميع الارتباطات التشعبية 11115©(ال9إ1! التي نستخدمها في الإبحار بين صفحات الموقع وهي: 

(الرئيسة - إدخال مصطلح - بحث عن مصطلح - تعديل - حذف - مساعدة). 

وهذا يتطلب تكرار الكود الخاص بالصورة والارتباطات في جميع صفحات الموقع وهو ما يمثل عبء كبير 
وتكرار ينبغي أن نتجنبه؛ وذلك بفصلها في صفحة واحدة يتم استدعائها في باقي الصفحات. 


! تكنولوجيا:المعلومات والاتضالات - الصف آلثانم_ الثانوئ , 5 
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وهناك العديد من التطبيقات أو البرامج الجاهزة التى يمكن من خلالها إنشاء صفحات صفحات الوب 
الخاصة بالمشروع بسرعة وسهولة» وهوو ما سوف نقوم بتنفيذه في المراحل التالية. 
بعد تحديد صفحات الموقعء علينا تحديد الهيكل البنائي لقاعدة البيانات, 


وهو ما سيتم توضيحه في المرحلة الثانية للمشروع (الموضوع التالي). 


تدريب (1) 
'*تصميم مخطط لصفحات موقع 3 
بكتاب الأنشطة والتدريبات صفحة 19 














تدريب (2) 
"تصميم مخطط لصفحات موقع قاموس المصطلحان 
المصور 87 


بكتاب الأنشطة والتدريبات صفحة 20 | 
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إنشاء قاعدة البيانات 





وج التعل 
في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: 
-١‏ يتعرف بعض المفاهيم الأساسية المتعلقة بقواعد البيانات. 
"- ينشئ قاعدة بيانات لمشروع قاموس مصطلحات الكمبيوتر. 
"- يمارس عمليات الربط بين قواعد البيانات. 
4 - يصنف العلاقات في قواعد البيانات. 


ه- يتعاون مع زملائه في انشاء جداول لقاعدة بيانات. 
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مرحلة 





إنشاء جداول قاعدة البيانات 


المرحلة الثانية في المشروع هي مرحلة إنشاء قاعدة بيانات مشروع 'قاموس مصطلحات الكمبيوتر 
المصور" وقبل البدء لابد من التعرف على بعض المفاهيم الأساسية الخاصة بقواعد البيانات. 
-١‏ قاعدة البيانات ©1(22625: 
قاعدة البيانات عبارة عن تخزين أو حفظ مجموعة من البيانات المنظمة والمرتبطة بموضوع معين 
بغرض استرجاعها لاتخاذ القرارات. وتعتبر قاعدة البيانات ذات العلاقات 03130356 3110231اع©] احد 
أنواع قواعد البيانات التي تعتمد على تفسيم البيانات في جداول 1930165 مع تحديد العلاقات بين هذه 
الحذاول: 
؟- الجداول 1251»5: 


يمثل الجدول البنية الأساسية أو المكون الأساسي لقاعدة البيانات» ودتكون من سجلات 


5 ؟؟ وحقول 116105 مثل: جدول بيانات: الطالب أو الموظف أو المنتج...إلخ. 


حقول 5لإءزع 
أعمدة 5 05م ناادء 


اسم الطالب المحافظة تاربخ الميلاد التليفون ١‏ 
سح جه ظ | سجلات 
غ6 و5ل(معع] 
ع | 1 صنفوف 
1777 


0-1 


شكل 0 مثال لجدول طالب 





! تكذولوجيا:المعلوملةوالاتضالات - الصف الفا الثانوئ َ لان 
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من الجدول السابق نستنتج المفاهيم التالبة» 
أ- السجلات 1705مع»1: 


صف من جدول البيانات يتضمن جميع البيانات الخاصة بشخص واحد فقط أو حالة واحدة» ويتكون 
السجل من عدة حقول كسجل بيانات (طالب أو موظف أو منتج معين), 
ب- الحقول 5 
الحفل هو البنية الأساسية التي يتكون منها جدول البيانات , أي عمود في جدول يمثل حقل, 
ريحي لحل على يبان رالحد فط لكن سكل فن. سجلات الجدرل» ١‏ 
لكل حقل العديد من الخصائص منها: 
> اسم الحقل 113136 1©10!: مثل اسم الطالب» اسم المحافظة,؛ المرتبء الكمية ...إلخ. 
> نوع بيانات الحقل عملا1 0243 1610 : قد >ا,:0: 
> نصي51110: مثل الاسم أو العنوان . 
> رقمي ©17611لالاا: مثل درجة أو راتب موظف. 
> تاريخ ©031: مثل حقل تاريخ الميلاد وهكذا. 
» حجم الحقل :5126 16/01 : وهو عدد الخانات أو الأحرف فى حالة الحقل النصي » أو 
تحديد نوع الارقام المدخلة (صحيح 1716067 - يقبل كسر العشري |066178 - 0 
الخ) في حالة الحقل الرقمي. 
والجدير بالذكر أنه: 


> يمكن إنشاء قاعدة بيانات تتكون من جدول واحد فقط يتضمن جميع الحقول اللازمة 
وفي هذه الحالة يسمى هذا الجدول "©1351 131". 

> عادة ما نقوم بفصل الحقول التي يجمعها عامل مشترك وتجميعها في جدول واحد. 
وبالتالي تحتوي قاعدة البيانات على أكثر من جدول. 

»> وهو الأمر الذي يتطلب إنشاء علاقات تربط جداول قاعدة البيانات ببعضها. وذلك 
لتجنب تكرار البيانات أو الحقول؛ ويطلق على قاعدة البيانات في هذه الحالة قاعدة 


بيانات ذات العلاقات ©031335] 5613110021 .. 
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تعيين حقل مفتاح أساسي "لاع 7111731" لكل جدولء وذلك بأحد الطريقتين التاليتين: 
٠‏ اختيار أحد حقول الجدول: شرط ألا يتكرر أي بيان في هذا الحقل على الإطلاقء 
٠‏ بإضافة حقل جديد : يتم تعينه حقل مفتاح أساسي لاعكا /ا0031أ]8. 


)١( تدريب‎ 


"المفاهيم الأساسية لقواعد البيانات 
بكتاب الأنشطة والتدريبات صفحة "١‏ 





ادرس الجدول التالى وناقش مع زملائك ومعلمك 









ومنه يتضح أن الحقول التي يمكن تكرار بياناتها لا تصلح أن تكون حقل مفتاح أساسيء » لذا يجب 
إضافة حقل جديد يقوم بدور مفتاح أساسي للجدول , وليكن رقم الطالب أو كود الطالب بحيث 


يخصص لكل طالب رقم خاص به يميز بياناته عن باقي سجلات الجدول. 
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الوحدة الثانية 
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- تحديد أنواع العلاقات 1341051105©! في قواعد البيانات 





تحديد أنواع العلاقات 16136101151105 في قواعد البيانات» ومفهوم كل نوع, وكيف يمكن الريط بين 
جدولين. وهو ما سيتم تناوله بشيء من التفصيل. 
"'- أنواع العلاقات في قواعد البيانات 





يوجد ثلاثة أنواع من العلاقات للريط بين جداول قاعدة البيانات: 


النوع الأول النوع الثاني 


النوع الثالث 
علاقة رأس برأس علاقة رأس بأطراف 
© 10 0116. 2311| 10 06 


علاقة أطراف بأطراف 


/١رذآلاا‏ ه©؟ ند ذالاا 





.١‏ النوع الأول: علاقة رأس برأ عم0) مغ عم: 
علاقة تربط بين جدولين , حيث يمكن أن يرتبط سجل في الجدول الأول بسجل واحد فقط من الجدول الثاني 
والعكس صحيح. 
مثال )١(‏ 
جدول 'بيانات الطالب" جدول 'حالة الطالب" 


رقم الاسم | تاريخ الميلاد | الجنسية | العنوان | التليفون رقم الصف العام الحالة 
الطالب الطالب | الدراسي | الدراسي | الدراسية 


"ست 
سد 
:17س اسه قاحس ل «اسشه 
سب | سية ]نس سس |00 
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أن الربط بين جدولين بعلاقة رأس برأس تتم بريط حقل المفتاح الأساسي في الجدول الأول "رقم الطالب' 
مع حقل المفتاح الأساسي في الجدول الثاني 'رقم الطالب". مع مراعاة أن حقلي المفتاح الأساسي في 
الجدولين لابد أن يكونا: 

)١(‏ من نفس نوع البيانات ©06ل/ا1 10313 0ا16ا] 

)١(‏ نفس الحجم. 


لاحظ: 


ه لايشترط أن يكون حقلا المفتاح الأساسي فى الجدولين لهما نفس الاسم. 


هء يقوم تطبيق قاعدة البيانات بربط سجل رقم الطالب )١(‏ في الجدول الأول بسجل رقم الطالب )١(‏ 


في الجدول الثاني وهكذا لباقي السجلات حتي وإن كان إدخال السجلات في الجدولين بترتيب 
مختلف. المهم أن يكون محتوى حقلي الربط متماثلين. 





فمثلا يمكن استنتاج أن الطالب رقم 4 فى الصف الدراسي 5/5 وحالته الدراسية باق. 
مثال (؟) 


جدول "المدرسين" 


جدول "الفصول" 

كود المدرس | اسم المدرس | العنوان قيم كود الفصل | الفصل كود رائد 
00 | سس 000093 إسدا' 
اا ا الا سر 
١‏ كر اسه « يا 2 


حقل مفتاح 





شكل (8) حالة أخرى لعلاقة رأس برأس بين جدولين 
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من شكل (3) نلاحظ أنه يُحدد لكل فصل رائد واحد فقط من المدرسين» حيث يرتبط حقل كود المدرس 
ضبط خصائص حقل كود الرائد غير قابل للتكرار "©2!1©31إنانا 80 )<11101©7". 


لاحظ: 


يطلق على حقل كود رائد الفصل (1) حقل أجنبي" /ا©6! 016191 لأنه ليس من طبيعة الجدول وبذك 





تدريب )5( 


العلاقة رأس برأس بين جدولين 
بكتاب الأنشطة والتدريبات صفحة ١‏ 





1. النوع الثانى: علاقة رأس بأطراف 137 مغ عم : 
علاقة تربط بين جدولين بحيث يمكن أن يرتبط سجل في الجدول الأول 
بعديد من السجلات في الجدول الثاني والعكس غير صحيح. 















شكل (5) يوضح العلاقة رأس بأطراف بين جدول "الصف" وجدول 'الطلاب' 
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ادرس الشكل السابق ونافش مع زملائك ما يلي: (مع التوضيح بامثلة لسجلات من الجداول) 
.١‏ هل ينتمى أكثر من طالب الى نفس الفصل؟ 
؟. هل ينتمى أحد الطلاب الى اكثر من فصل؟ 


". من هم طلاب فصل ”0١‏ ؟ 





نلاحظ من الشكل (1) الآتي: 
العلاقة بين جدولي "الصف" و "الطلاب" علاقة رأس بأطراف من ناحية جدول الصفء حيث نجد أن 
كل سجل في جدول "الصف" يرتبط به عديد من السجلات في جدول "الطلاب" أي أن الصف الواحد 
يوجد به عديد من الطلاب في حين أن الطالب لا ينتمي إلا لصف واحد. 
للريط بين الجدولين في علاقة رأس بأطراف ينبغي إضافة حقل المفتاح الأساسي في جدول 016 وهو 
جدول "الصف" إلى جدول 1/317 وهو جدول "الطلاب" ويسمى في هذه الحالة 'حقل أجنبي' 
لا©»>! 10:10 لأنه ليس من طبيعة الجدول بل حقل دخيل عليه. 


آفي حقل المفتاح الأجنبي(رقم الصف بجدول الطلاب) يمكن تكرار البيانات , ويسمى التكرار المحكوم 
ا 10110311 0ع 0ع0111011© 

© أن كل سجل فى جدول "الصف" يرتبط بعديد من السجلات فى جدول "الطلاب". 

© يقوم تطبيق قاعدة البيانات بريط كل سجل في جدول الرأس ©76© "الصف" بسجلات الطلاب التي 
أمامها نفس رقم الصف في الحقل الأجنبي في جدول أطراف 177319 "الطلاب". 


العلاقة رأس بأطراف بين جدولين 


بكتاب الأنشطة والتدريبات صفحة ؛ ١‏ 
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متطلبات ومراحل إنتاج المشروع 





1 النوم الثالثك: علاقة أطراف بأطراف تتمتدل/طا مغ تتصدك/1 
علاقة تريط بين جدولين بحيث يمكن أن يرتبط سجل في الجدول الأول بعديد من السجلات في 
الجدول الثاني» وسجل في الجدول الثاني بعديد من السجلات في الجدول الأول. 





جدول الصف بج جدول المعلمين 
ظ 
1 










حقلي رقم الصف ورقم المعلم 


ْ لاع>ا ©011100511© 
عي ظ في جدول الربط 


يوضح العلاقة أطراف بأطراف بين 
جدول "الصف" وجدول المعلمين 














ادرس الشكل السابق وناقش مع زملائك ما يلي: (مع التوضيح بامثلة لسجلات من الجداول) 


.١‏ هل يدرس أكثر من معلم فى نفس الفصل؟ 
؟. هل يدّرس أحد المعلمين فى اكثر من فصل؟ 
".من المعلمون الذين يدرسون في فصل "٠١١‏ ؟ 
5. مالفصول التى يذرس بها المعلم رقم ©؟ 
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نلاحظ من الشكل )٠١(‏ الاتي: 
© العلاقة بين جدولى "الصف" و"المعلمين" علاقة أطراف بأطراف» حيث نجد أن كل س جل فى جدول 
"|| 5 "نوكن ان يرتبط به عديد 17 || جلات في جدول "|| ا يدا وأي | في جدول 1 ا[ بن" يمك أن 
يرتبط بعديد من السجلات في جدول "الصف, أي أن الصف الواحد يمكن أن يُدَرس فيه أكثر من مُعلم؛ وأيضًا 
يمكن للمعلم الواحد ن يقرم بالتريس في كال من صبف. 
القع اسرسمم | سس | 
00١‏ |الأيك ‏ |السور اول #50000000 أأحصد - |عسبيوتر-- | 
هي سورض 
00 الث |الدورالطلث | انك إنفاعيا 
عراست 
ك_اظه ‏ إتناضظ | 


الأساسي في 0 الصف , وهو 'رقم الصف". 0 لناب الأساسي في درك ده وهو 'رقم المعلم'". 
وأن يتم تعيين الحقلين معًا مفتاح أساسي مركب لا©6! 60117205116 في جدول الريط. 








االعلاقة قة أطراف بأطراف هي علاقة ة نظرية في مفاهيم قواعد البيانات» ولا يمكن تمثيلها عمليًا في برامج ادارة 
قواعد البيانات مثل 5001/اا - 0178016 - 800655 ... الخ. 


©آلذا تم تكسير العلاقة إلى علاقت 
الأولى: علاقة رأس بأطراف بين جدول "الصف" وجدول الربط بحيث يكون الرأس هو جدول 'الصف". 
والأطراف من ناحية جدول الريطء 
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الوحدة الثانية 
متطلبات ومراحل إنتاج المشروع 


الأخيرة: علاقة رأس بأطراف بين جدول "المعلمين" وجدول الربط بحيث يكون الرأس هو جدول 'المعلمين'. 
والأطراف من ناحية جدول الريط. 


٠لا‏ يمكن تكرار البيانات في حقل المفتاح الأساسي في جدول 'الصف'" 
٠لا‏ يمكن تكرار البيانات في حقل المفتاح الأساسي في جدول "المعلمين 


٠لا‏ يمكن تكرار رقم معلم ورقم الصف معًا في جدول الربط لأنهما معا يمثلان مفتاح اساسي مركب 
»ا 01/150517125© كما هو موضح على الشكل. 
٠كل‏ صف في جدول "الصف" يمكن أن يدّرس له عديد من المعلمين؛ وأيضًا كل معلم يمكن أن يدّرس في 










تدربيب (1) 
استنتاج علاقة رأس بأطراف 703101 0+ 006 بين جدولين 
بكتاب الأنشطة والتدريبات صفحة ٠١‏ ظ 


استخدام أحد تطبيقات نظم إدارة قواعد البيانات فى إنشاء قاعدة 
البيانات مثل: 
1616 أو 1/15 8660655 أو ا©1/5/ا 
سوف نستخدم تطبيق ا1/75©0 حيث أنه من التطبيقات المجانية ١/316‏ ©16آ. مفتوح المصدر 0610© 
6 , ويسمح بالتعامل مع كم هائل من البيانات وتستخدمه كبري الشركات العالمية خاصة في مجال 
تكنولوجيا المعلومات مثل: !5116070516 3050 73000 ,00009164 ولمزيد من المعلومات حول بعض 
الشركات التي تستخدم 17/175001 يمكن زيارة الموقع التالي: 


/ 15 0111 5 نا / 111 0ع . |0 5 /ا١1.‏ الالالالقا/ / : 110 


يىأ7- سور 2 2-2202 ع 
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الوحدة الثانية 
متطلبات ومراحل إنتاج المشروع 





عادة ما تضم التطبيقات المستخدمة في نظم إدارة قواعد البيانات كائنات 00[6©615 أساسية 


اهمها: 


528 جداول 1321©5: من خلالها يمكن إنشاء جداول قاعدة البيانات بما تحويه من سجلات وحقول 
وامكانية إدخال بيانات فيها وعرضها وتعديلها. 

58 استعلامات 060165ا0: الاستعلام عباره عن سؤال يوجهه المستخدم لقاعدة البيانات بقصد 
الاستعلام عن بيانات او معلومات بالجداول , فيعرض البيانات المطلوبة» ومن خلال الاستعلام 
يمكن عرض بعض حقول من جدول بيانات أو يعرض بعض سجلات من جدول أو أكثر بناءَ على 

لإنشاء فاعدة بيانات مشروع 'قاموس مصطلحات الكمبيوتر المصور" باستخدام تطبيق 
75001 /ا. 


نشاط (١‏ 
إنشاء قاعدة بيانات باستخدام برنامج /1/17/50 


اتبع اجراءات نشاط 'إنشاء قاعدة بيانات باستخدام برنامج ا 150ل( " 1 للك لقث 
بكتاب الأنشطة والتدريبات صفحة 1 ؟ حقل 





ويعتبر هذا النشاط مرشدًا يمكنك تحت اشراف معلمك من إنشاء أي جداول 
أخرى في قاعدة البيانات حسب احتياجاتك. بالمواصفات التالية: 





اسم قاعدة البيانات: 05011101723117 


تحتوي على جدول بيانات باسم. 


اسم جدول البيانات: 767705 
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الوحدة الثانية 
متطلبات ومراحل إنتاج المشروع 





يضم عدد (5) خمسة حقول كما هو موضح بالجدول التالي: 


5ه [ :©1321 


اسسُاسُ7سُاس 0ك 
>« | ساس عوسا | صد | سس ها 
سمي اين | ##سمم | اه ا 
#0 | سم 200 
| عي | سس 80 
مع كس 2 الس المت ا 
م 2 الس ا 1 


لاحظ : 


فى مشروع إنشاء فاوس المصطلحات المصور يتم انشاء قاعدة بيانات من جدول واحد للتبسيط 





نشاط (”) 
ادخال بيانات فى جدول 5ع باستخدام ١/1501‏ 


اتبع اجراءات نشاط "انشاء قاعدة بيانات باستخدام برنامج م ' 
يكتاب الأنشطة والتدريبات صفحة ”7 د ع8 | 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر | 1 


الوحدة الثالثة 





إنشاء صفحات موقع 
"قاموس مصطلحات الكمبيوتر المصور"' 


في نهاية الوحدة يتوقع أن يكون الطالب قادرًا على أن: 
.١‏ يوظف بعض أدوات التعلم الالكترونى في انتاج مشروعه. 
؟. يوظف تطبيقات تكنولوجيا المعلومات والاتصالات في بناء محتوى تعلمه. 
". يوظف أحد تطبيقات إنشاء مواقع الويب في الربط بين صفحات موقع ويب. 
4. يوظف التطبيقات المناسبة في معالجة عناصر الوسائط المتعددة (صوت -فيديو-صورة ...). 
5. يتعرف لغة [0]!] و م61 وتطبيقاتها فى تصميم مواقع الويب. 
5. يمارس مهارات التعامل مع المعلومات الإلكترونية (تحديد - تقييم - انتقاء - تنظيم). 
. يوظف مصادر المعلومات الإلكترونية المرتبطة بمشروع محدد فى تنفيذ المشروع. 
6. يتعرف بعض المعاملات الخاصة والمتعلقة بلغة مم 


4. يتعرف بعض المفاهيم والصيغ الخاصة بجملة ؟] وجملة انالا 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


الموضوع الأول 
لغة 2118 ع8 ,1113/1 وتطبيقات 





الس 
في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: 
-١‏ يمارس خطوات إنشاء موقع باستخدام تطبيق «اعلالا 701655101. 
يتعرف لغة الترميز 1710/11]. 
"- ينشئ صفحة ويب بكود 4710/11آ. 
4- يشرح مكونات الشاشة الرئيسية لبرنامج علالا 701655101 ا. 
ه- يربط بين صفحات الويب بكود 4710/11]. 
5- يتعرف لغة البرمجة 452!إاط. 


- يوظف برنامج اع/لا 2701655101 في الربط بين صفحات موقع ويب. 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


اجراءات اعداد ملفات ومجلدات المشروع: 
١-انشاء‏ مجلد للمشروع باسم 10161101131 داخل المجلد 5100065 
قبل البدء في انشاء صفحات الموقع » علينا تنظيم الملفات بأنواعها المختلفة التي سيتم عرضها على 
صفحات الموقع » والتي ينبغي أن تكون في مجلد واحدء حيث يحتوي على مجلدات فرعية لتصنيف 
الملفات لجميع الملفات التي يتم عرضها على صفحات الموقع» ويتم تصنيفهم الى مجلد لملفات الصور 
ومجلد لملفات الفيديو ... إلخ, ويذلك يتم إنشاء مستودع معلومات [051101م6؟1 101121101| 


للمشروع]©010[8 


لاحظ : 
عند تثبيت |1513 برنامج 26317072»: يتم تثبيته بشكل افتراضي داخل مجلد باسم 263100728 على مشغل 
الأقراص :ن)» وبه مجموعة من المجلدات منها مجلد باسم 1100065!»؛ وينبغي إنشاء مجلد للمشروع باسم 


"016110171311" داخل المجلد 110065! ليصبح المسار كما يلي: 

/11 111١م‏ :0 
وهو المسار الذي سوف تستخدمه في حفظ ملفات المشروع » وحفظ المجلدات الفرعية للموقع و ذلك 
بمثابة نشر للموقع على السيرفر 100315051. 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


؟"- انشاء صفحات الموفع باستخدام تطبيق 2/61 101655101 وهو ما يمكنك تنفيذه من خلال 


صفحات الموقع. نهفي ١‏ 
«صفحة إدخال مصطلح: 
"ملام. مطمع800_1م" 
والتي تستخدم في إضافة مصطلح جديد. 


«صفحة البحث 
"ملام. تتالاعا_لاع و5" 
وتستخدم في البحث عن مصطلح وعرض بياناته. 
«صفحة تعديل ييانات 
"ملام. لطاع الع" 


ومن خلالها يمكن تعديل أي بيان من بيانات 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


«وصفحة حذف مصطلح: 


"0ام. لتاع]_اع را" 
ومن خلالها يمكن حذف مصطلح معين. 


"ملام.ماع نم" 


ومعلومات حول كيفية التعامل مع موقع 'قاموس 
مصطلحات الكمبيوتر المصور. 





«صفحة الاتصال بقاعدة 'ملام.دهأاععدره0". 
» صفحة ".163061" : تحتوي على الأتي: 
.١‏ الصورة 5317161 التي تعرض أعلى كل صفحات الموقع. 
". الإرتباطات التشعبية 1156111715 بجميع صفحات الموقع. 
*. الجزه المخصص للتحقق من تسجيل دخول المستخدم على الموقع أم لا (وهو ما 
سوف تتعلمه فى الوحدة الخامسة). 


« الصفحة الرئيسة "11016.01 وتعرض واجهة الموقع: 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


نظرًا لخطورة عمليتي التعديل في بيانات المصطلح أو حذفه من الموقع » فقد تم منح هذه الصلاحية 
للمستخدم الذي يقوم بتسجيل دخوله فقطء وهو ما ستقوم بتنفيذه في مرحلة تأمين الموقع في الوحدة الخامسة من 
هذا الكتاب» ويذلك ينبغي على المستخدم الذي سجل دخول أن يقوم بتسجيل خروج من الموقع» وذلك بعد انتهاء 
تفاعله مع موقع 'قاموس مصطلحات الكمبيوتر المصور". 

أيَا كان التطبيق المستخدم فى إنشاء صفحات الموقع , فإنه يعتمد على استخدام لغة الترميز 111/1 » لذا 


نتطرق إلى أهم المعلومات والمهارات الأساسية في لغة الترميز 111/1 وتطبيق 5علالا 0655100ماعاء 
للمساعدة على الثباء ,صصفكات الموقع. 


لغة الترميز 2010306 ! مناكا:13/! »ع1 اعميإ!!" 111نم" 


لغة تكويد تستخدم في إنشاء صفحة ودب ثابتة تحفظ بامتداد 171177. أو 17]171. بحيث 
يمكن عرضها وترجمة الكود الخاص بها من خلال أحد برامج مستعرضات الإنترنت. 
وبذلك يمكن كتابة كود -!/ا111! باستخدام أحد برامج معالجة النصوص مثل: 
). ...... 350 30مع8101 ,005230/لا ,0هللا 5الا) 
مع مراعاة الآتي: 
© الأمر الذي يتم كتابته بلغة الترميز | لا!111!! يطلق عليا (©136» ولا يشترط أن يكتب بحروف كبيرة 





لم03 أو صغيرة [5113|1. 
© أن يكتب الكود وفق بنية محددة كما بالشكل التالى: 


الهيكل البنائي لبرنامج بلغة !11/1!]] 








8 
ظ ظ 
ظ <111111> ظ 
' <-ل دع راع ١‏ 
57 <م 11> عنوان صفحة المعلومات 1(1163/> مه 
3 1 
ض دل دع | / > : 








١ الوحدة‎ 


تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





شكل )١١(‏ يوضح بنية 511011016 ملف لغة الترميز 11/1 !] 


ادرس الشكل السابق وحاول استنتاج خصائص لغة الترميزامم]! : 
خصائص لغة الترميز 1112/11 : 


.> 2 < الأوامر 13065 في لغة الترميز -!!/!11! توضع بين العلامتين:‎ .١ 


>/.....< معظم ال 1305 لها بداية أو فتح <.....> ولها نهاية أو إغلاق‎ .١ 
كما يلي:‎ 
' >130< ١ 
ٍ النص الذي سيؤثر عليه الأمر‎ 
.>/130< 





شكل )١١(‏ الشكل العام لل (©1236 في لغة الترميز الا !!! 


« لكل 1306 دور معين يقوم به. 


» بعض 1305 ليس لها إغلاق أو نهاية مثل <818> 
©» بعض ال 1305 لها خصائص يمكن تعيينها معه فى بداية ال 130 . 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


*. يبدا الكود ب <121101> وبنتهى ب <الم )> وبينهما الآتى: 


<20ع6/> <0جع4 ]> يستخدم في عرض معلومات مثل: وصف للموقع وعن كاتب الكود واللغة 


<11616/> <1114> | يختص بكتابة عنوان لصفحة الويب يظهر في 531 ©1111 لشاشة 
مستعرض الإنترنت وهو جزء من <11©2320>. 
<لا8600/ > <نإل80)0> | نضع فيه كافة أنواع المعلومات المراد عرضها على صفحة مستعرض 


الإنترنت من النصوص و«التأثيرات التي تتم عليها والصور والفيديو والأصوات 
والجداول والارتباطات ... إلخ. 





؛. ملخص ما تقوم بعرضه الأقسام الرئيسة لكود 111/1]: 


عنوان الصة 


جميع 
أ 


شكل )١(‏ ملخص الأقسام الرئيسة لكود 1ال11!! 





© حفظ وود لغة الترميز 1112/1 : 
© يشترط لحفظ كود !!/111! في ملف مراعاة أن: 
.١‏ يحفظ ملف كود |ألا!11!! بأي اسم يكون امتداده 11133آ. أو [16117. . 
؟. نوع الملف نصي 11221. ويفضل استخدام برنامج المفكرة !110162230 لأنه يحفظ الملف 


بهذا النوع مباشرة دون اختيار منا. 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





لعااطاح ممع او ل - 


ماعل طعممة لمع هازع 








لكدلت 
2 5| | نح ف الغا 3 تدريبات [3 | :دز عمق 5 جز نمقعلا» 
خ١111*‏ 
<|+111آ1/ة* 
عثناق علا * 
ءفك 
<نالانا ,> 
+1غلآالاة» 
أصغط. ضام ١‏ عتمقم عازع 
ْ اعصمهنا [> انع تواعه ن] ابرع 1 | مرا عق عمة 5 
7 سس 





شكل )١4(‏ حفظ هيكل برنامج 11/ا! !!!ا المكتوب في برنامج المفكرة (5!016/2601) 
©" بعد حفظ الملف بالمواصفات السابقة يأخذ الملف رمز مستعرض الإنترنت المتاح على جهازك مثل: 


1011ماع أع7نع01! أو هط ع16و600 أو 6ام؟1ع:1! 11021113 ... الخ. 


©" يكون رمز الملف في حالة ا©101ام<:© 1111©111©1. ' 
انترنت على جهازك. 


نشاط (1) 
"إنشاء صفحة ويب باسم .75:1 " باستخدام كود 71/1 


تحت اشراف معلمك اتبع الاجراءات بكتاب الأنشطه والتدريبات : 01 م 


5 


) ”“١( صفحة‎ 





ادرس الكود الخاص بالنشاط * 


كود 11[1١آ‏ الخاص بملف 1117. 16511 
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530 طاعلنا وم رع /إال 
< 


/ < مع امع0 7 - 
< 1.[00م/ا 20‏ ح- 


<م /ر> الصفحة الثانية <'"+101م" - 





>11+1< 


<1ط/> تحيا مصر <1]11> 


الوحدة الثالثة 


تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


ا 
ماع بعالا عقمرمع غللع عاص 


< || [ !> 
<30ع1> 


1 +11/> 
<30هع1١/>‏ 
</ا800> 
الكمييوتر التعليمي 
2100 66> 
© 5 71110> 


<م //ر> 
2110 -م>ا 
</001 8 // > 
< 1لا 1لا / > 








الجدول التالي الذى يحتوي شرحاً لبعض أكواد 171/1] المستخدمة في النشاط, ناقش معلمك 


وزملائك فى اجزاء الكود المتضمنة فى الحدول التالي: 


إضافة عنوان لصفحة مستعرض الإنترنت. 


كل نص يكتب في </8001> يظهر على صفحة المستعرض. 
ناحية اليسار باعتباره الاتجاه الافتراضي للكتابة على صفحة 
المستعرض. 

الكود <8> فقرة جديدة. و"0611461" - 1011ا2 خاصية تعني 
محاذاة النص التالي لها توسيط على شاشة المستعرض إلى 
أن يُغلق ال 139 كما يلي <5/>. 

1170 تعني "5010106 111306" مصدر الصورة ويكتب 
بعد علامة "-" حيث يشير إلى المسار 2314 واسم ملف 
الصورة بالامتداد. 
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<1116> 
230 (اعللا )5؟ ذا /إاناا 
<1116/> 


<"اع امع" - رواج م> 


<"0م[.]ملان0وع" - عره ونرا> 









الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


ا تعني "18230" يقصد بها أن النص الذي يليها عنوان <111/> تحيا مصر <111> 
ويظهر بحجم خط حسب الرقم الذي يلي حرف !! ويكون من 

١‏ إلى " حيث يشير الرقم ١‏ إلى أكبر خط والرقم © خط أقل 

حجمًا وهكذاء وتظهر عبارة 'تحيا مصر' أيضًا في منتصف 

السطر حيث أن <5> لم يُغلق بعد. 

كتابة نص على صفحة المستعرض محاذاة يمين. <"1 او" - دوناج م> 


الصفحة الثانية 


و 


<م/> 





نشاط (؟) 

إستخدام كود 71/1] في إنشاء صفحة ويب باسم امغ6512.6] 
تحت اشراف معلمك اتبع الإجراءات بكتاب الأنشطة والتدريبات 

صفحة (5” ) 


ادرس الكود الخاص بالنشاط > 





كود 1171 الخاص بملف 51771651. 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


ام ا 
ماعاء ‏ سعثياً عهمعدسض لص عاع 


<-1للا 11> 
<0 3 ءل4ا> 
ده 1 11> 
ماعلا عصهع5> باع 
ده 11 آره> 
<0 13لا ره 


<لال هطع 
إدخلوا مصر إن شاء الله آمنين 
<''ع طن 1ه" 2 ون311 مه 
'* 0م( . غأملاوع " ع عم 5 1010 > 
<2100 -ط ل 1لا 50ح طن دعطا 
<م ر> الصفحة الأولى 
</ا001 5 ثر> 





٠1-<‏ لطا 11لا ر> 


ادرس الكود السابق مع عمل مقارنة بالكود فى النشاط السابق , ثم ناقش معلمك وزملائك. 


يمكنك عزيزي الطالب انشاء صفحة ويب 
أو التعديل فيها باستخدام العديد من 

التطبيقات أو البرامج الجاهزة بسرعة 

وسهولة بدلا من كتابة أكواد _11/11!!. 








اليك طريقتين لعمل ربط بين صفحتى الويب 0غط. 16511 فى 16512.00 : 


أولاً: الربط بين صفحات الويب في كود لغة الترميز 171/11]. 


عزيزي الطالب والطالبة» بعد إنشاءك صفحتي الويب «مماغط.6511+ و 7لاغط. 16512 


باستخدام لغة الترميز 8171/1» تحتاج للتعديل في صفحتي الويب والربط بينهما من 
خلال نص أو صورة. وهو ما يمكنك تنفيذه بتعديل الكود في لغة الترميز 411/1 
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الوحدة الثالثة 
تأمين موقع ,»5 موس مصطلحات الكمبيوتر المصور" ‏ 





هوخ م0 1( 
يساعدك على الربط بين صفحات الويب في كود لغة الترميز 11/1 
تحت اشراف معلمك اتبع إجراءات بكتاب الأنشطة والتدريبات 


صفحة (8” ) 





ثانياً: الربط من خلال إحد تطبيقات إنشاء مواقع ويب 


عزيزى الطالب والطالبة» يمكنك ايضاً التعديل في صفحتي الويب والربط بينهما من 
خلال نص أو صورة بتوظيف تطبيق اعلالا 1655100م«ع . 





يمكن تحميل برنامج اعل/الا 571655101 لإنشاء مواقع وصفحات وبيب من خلال واجهة تطبيق سهلة 
وبسيطة بدَلا من كتابة أكواد 1117/11] كالتالي: 


12 تحميل بر نامج حاء/1ا ماووع: معرظ: 


«» من قائمة 513/6 اختر البرنامج 4 ع/لا 655100م< 1/1160501]6 كما بالصور التالية: 















سيد نط ألمعمىع !ابا لل 
هدم" ابا اخ 
1 4 اأواكعنا اأماكدع 1م واح 1[ ابا 
ا تزع ماك 4 اع لأا مماددعمننا )امس كس 
ظ 4 داع بال[ مم تعدع دوع #مدمع11/! اير 
4 طاع لالا ام اكوع ]مور ده ادمع الا لل 
[ اناد لقعا كماعععر معط ]مومع لابلا لل 





لقالا 


| 
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8 حدة الثالثة 


4 طعلالا مماكععرمع #مدمى]1/! - بممهمواقق م ائعه لظام مممكراع 







للها “ءايلا يلعا تال لظ« حئئزت ‏ جام خعناعلة بلعيريا»س| خرتطني! رتكا بلاعةا ترقا 


يل ات 


- 1 ل 


"قدت الزامولن جلا ممممرجا :ن' 4ه سأمعاممه 


1 
دء0. 1ل[ عم 
عأعامجه !81 ع 
3ت »عينا بلا |+1 
دن 81 بي 
ملام. لمع 1_للم8 أوع 
ل لرورسرو» - 40 -- 11" 
محام.ممتاععمممه أوع 
محام. لمع 1_اعم أوع 
1 : محام. لمع 1_غللع أوع 
5ع اك بزامممش ١ ١‏ 1 محام.ععلوع! أن 


اد 8]_خنامماً 
[ > 5دةم0 | 0 0 5 15 ]]ع مم 130 


ا يه قه دادعت 


خليلت* اله خيع» حي (“يليطلكت 


وموم انالكعه لغطظاممحموراتن 





شكل )١5(‏ مكونات الشاشة الرئيسة لبرنامج طاعلالا 01©55101]ا 


)١‏ شريط القوائم 85231 0ا3اع1/ا!. 

؟) نافذة قائمة المجلدات 1158 46 50106. 
") نافذة الخصائص 1/11©5 210/6 138. 
5) مكونات موقع الودبب 5188 (اعلالا. 
( 

( 


5) نافذة صندوق الأدوات 100101. 


) 
) 
) 


؟”) نافذة أنماط التطبيق 51/16 /[أ0م6/. 


جملة '6©6 نال 36:الالا 15! ©56 نا0ل/ 731الالا" بمعنى: أن ما تراه هو ما تحصل عليه. 


ه كما يمكن عرض كود 111/1آ! الخاص بصفحة الويب والتعديل فيه» فمثلا يمكننا استخدام التطبيق في 
الربط بين صفحتي الويب من خلال شريط الأدوات وذلك بعمل ارتباط تشعبي )!11111 ©11/0؛ على نص 
أ ة: بديّلا لكود 4171/11 التا 








تأمين مو #ياوس مشيطلعات الكمبيوال الهعتودر 






















الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


<"العنوان المراد الانتقال إليه"- 1ع1اآ 23> 


النص أو الصورة المراد ربطها بالعنوان 
<3/ - 





ه وهو ما يتضح من خلال النشاط التالي: 


نشاط )4 
"الربط بين صفحات الويب باستخدام برنامج مع/الا موأدودع,م»ع" 
اتبع الإجراء ات بكتاب الأنشطة والتدريبات 

صفحة ) ١؛:)‏ 





إنشاء موقع المشروع 


قبل انشاء اى صفحة بالموفع لابد من انشاء موقع للمشروع باستخدام برنامج 
اع 601655100 ثم انشاء كافة الصفحات به كما هو مخطط . 


نشاط (5) 
"إنشاء موقع باستخدام تطبيق زعل/الا 100أ255/م)<اع" 
اتبع إجراءات بكتاب الأنشطة والتدرببات 


صفحة ( 45 ) 


/ تكنولوجيا المعلومات والاتصالاات - الصف الثانى الثانوى 





















الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


إنشاء صفحة "مم.2061ع1]" 


00 ]زام5 اوأوع0 
نظ اليه كد 7 04 :ا بح | ب 112نام) ,25 102 


ملام.,ع20ع8" 





اج إل 


شكل )١17(‏ صفحة 


ادرس الشكل السابق » وحدد الأجزاء المتكررة في جميع صفحات الموقع: 
تحتوي هذه الصفحة على الأجزاء المتكررة في جميع صفحات الموقع كما -يتضح من الصورة السابقة- وهى: 
8 الصورة في بداية كل صفحة ويطلق عليها 531111©1. 


ل( 


- مساعدة. 





النصوص السابقة تظهر على صفحة المستعرض مجرد كلمات غير مرتبطة بصفحات 


الموقع أي أنها لم تصبح بعد روابط تشعبية 16م 06)!1/!!ا. 








الوحدة الد 


تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





وصفحة "50أط. !6306" : 


تهدف باختصار إلى إدراج صورة ثم كتابة بعص النصوص التي تفصل بينها مسافات» كما يتضصح من 
شاشة الكود التالية: 


+ “مرطمعع موعط بعرلا عارك 





"1" حتررل لمساط- 1 

حلوع- 

حد"'ع نمز [ -اتاعانزه)""- تاراوع-درااحا "1-8 اتحاعسعتقدك بلساطانادع)"ح انع انمه ماأعلمهةه 
حلموع آل 

00 05-< 


0 اعرل |6 
| لمقطع الا << '"1267"-171011 6ج[ “تع نقةمار5عققسا'-ع51 "161 '-آ1121811 فلللله- مقطع 
ول 01> 65 


<< "أتأع11 ماله اع :م1256 بلطت عع ااه 1لت 
11510 
الرئيسية 
:ج510 لاع :جزة دا تلعف :دزة صا ترعق :جز دا داع زدزة جا رزعق :درس طا لزي 
:52 ط نعف زدزة طأحاعق :ٍ دزة ط رعق :دزة مأ حرعق :جره رعق ردزة ماتزعق :دزة دا راع مقطع 
4# 4ه البحث ص مش 
المقطع التانى ظ جحزة ط نعف زجزة طأحاعق ب درس ط رعق ودزة مأ حرعق :جره طاررعق ردزة ماتزعق :جره طاريق 
ظ حذف 

:50 1ع جز ص نعف :درط ررعف :جره ط رعق : درس ط رعق ردزة رعق :درس داري 
لعديل مصطلم 
51 :جزة «ماأحرعق :جزة صا نلعف :دز صا تزع :درطا داع ردزة جا داعف :جره طا لزي 
مساعدة 

22 >01 

23 -0003-< 

خنطا 4م 


لما ]امك تروادعنا 


نم 


تيا ا الكل كرا 


(١ 


شكل 000 
نلاحظ في الكود | لذي تم نشاؤه ما يلي: 
© يستخدم ال ©13 ١‏ لتالي ا 


مام ,ع20ع6م" 


إنشاء مقطع بالصفحة كما هو موضح بالشكل السابق: 
>0٠ < ١‏ 1 
| ا 
ا كود -171|11! الخاص بهذا المقطع ظ 
ظ ا 
ار _ ل 0ل 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" . 


القسم الأول: 
خاص بإدراج صورة 83101961 من الملف 1.120 1173065/59311116, مع ضبط خاصيتي الارتفاع 
والعرض. 
2017 
د/ ' 1108-1267 '62.100/-320 '22102-161 10> 


>*/0117< 





القع ادك رحو 4 طع لاا مماددعرمءغ أمدم41/! - (مام.1عع ل دعط ا رمقممء ناه لأ طاواعه_ممحمهدراتء) 1 لع امنا 





لم ءايلا ليا تال" حت تلت تنكام تلييياء رحتنا يتك »ةا تللم 
0011| > تاكن انهئع0) || - #ممع #اناممع0) || > طمدو ددم اث 0 الا كا خخ |0 


*ملام. لع لدعط ‏ معأالاع5 * يي لا 


| 1119 | 


1 / 
8 ل 
10 
هنا 
عدنا أقاممح :ونا ا 
وده 9 138 138 
عمووعءع عمنام1 56 
عاق ا ا 


22 اج 


كام امه) رنروع > 
كر اعهما 
8014 01/7 0م00 ع 


ف 5/165 بزامممق 


1 ات تك قه داعت 


وعابط5 عوعان 


تف لله 0 اه 


> 538 » 09 © ين | في | كع زط رك مد | 6 ا | م0 ع7701 501 1[ ,ره [غ[ناك دوع8 .كماو قدص ع2 


شكل )١5(‏ إنشاء صور 8311617 وضبط خصائصها 


نم ضبط بعض خصائصه من عرص ومحاذاة يمين » ثم كتابة اسماء صفحات الموقع. وترك بعص المسافات 
بالكود 811250 وهو اختصار يعني "©5226 5162313016 7871011" ويفيد في ترك مسافة واحدة كما يظهر 
بالكود التالى: 


ي تكنولوجيا المعلومات والاتصالات - الصف الثانى الثانوى 


































































































"1ع للة- 125602 :1ج حعاجاه 1ل 
110510 

الرئد 9 

:510 ما تاعق : دزة دا حرعق جره د ترعق :دره ط دعق دزة د ترعق درىطا ري 

:510 ص تلع :دزة ماأحاعق : دزة ط ترق :جره دا ترعك :دزة ط حرعق : دزة طحرعق درسطا رع 
:510 صا تع :دزة ماأناعق : دزة ط رعق :درى دا ترعك :جره ط حاعق : دزة ط رعق درس طا 11م 
حذف مصطلح 

:510 دا نعف :جزة ما ترعق و دزة طاأتزعق :دزة ص حزعق : دزة ط حاعق : دزة داحرعق : دزد دا 1ع 
تعديل مصطلح 

:510 طا تلعف :دزة داحاعق : دزة ص تزعق :جرع دا ترعك :جره دا داعف :دز د رعق :جره داري 
مساعدة 

1ل 


شكل )٠١(‏ جزء الكود الخاص بعناوين صفحات الموقع 





كما يمكن إنشاء صفحة "مام./306ع1]" بلغة الترميز 171/1] أو أحد تطبيقات 


إنشاء صفحات ويب بالكود التالي: 


الوحدة الثالثه 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


<"1مر"حنق انط 1 


2 


"عم 0111-1 2" -115الع- دراط "1-8 أترحاء ستقطء بلساطاناءدعا" ع اتتعانامت ماعمس-ت 3 


< 7101-1267 'ع مز تعحسةدا/وععقساع]ه "161 'حاراأعاع! عيونت 
011 


<< "181 :لمعللة اكت م1256 :ال1سكا حم ]جاه <--6©2 
<و/> الرئيسية<" مرام.ىرء ل "عر > 


:250 1ع :جزة ط تلعف ردزة حا حاعك :دزة حا ترعق :دزة ص تع :زه دا لايك 

إضافة مصطلح :جرد 1<" دام ددع 00د"حتعترا و 

:12510 رجزة طاأتاعق : دزة ص تاعك :دزة طاأترعق :جره ص داعف :درهط ترف جره دا تزع حو 
<دو/>البحث عن مصطلح-" ونام اج اعضقعءة"-111 و 

:11510 عق : دزة ما نعف زدزة 11 عق :جره ما تدعق :جره ط ترعق :جره ط دارع ردرس دا لايك 

تج >حذف مصطلح-"' رام رديه 1 1[ع0[" جاع ود 

:510 حا عق : دزة ما نعف :دزة ط ترعق و جزة حا حدعكف :دزة ص حرعك جره ص تع ردزة دا لاي 
تعديل مصطلح<”"' برام دردرء 1 ذل "حامر ود 

:150 :دزة «اأتاعق :دز دا تاعك دز طاترعق :دز ص داعف :دره ما ترك جره دارزعق حو 
حع/>- مساعدة-" رام جراء1["-1121] و 

حافك 


حتجل000ا-> 
لاطا 4ن 





شكل )١١(‏ كود إنشاء صفحة م162012/.01] 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


من دراسة كود 171/1] السابق نلاحظ مايلي: 


)١(‏ تم فتح مقطع <0117> وإغلاقه <017/> ووضع بينهما كود إدراج الصورة التي نرغب أن تكون 
530161 يظهر في بداية جميع صفحات الموقع. (رقم ١‏ على الشكل) 

(؟) المقطع الثاني يؤدي إلى عمل تنسيق محاذاة يمين لكل ما يليه» وحتى إغلاق المقطع؛ مع جعل 
النصوص العربيية ارتباطات !1110 ©1/0! بصفحات الموقع. (رقم " على الشكل) 

(9) الكود التالي: 


<3/> الرئيسة <'مم.“<©100" - ]عمط 2> 


<"ملام.عاع 100 - ممم ج> | © بداية كود يتم بها إدراج ارتباط تشعبي بالعنوان 
وهو هنا "اسم الصفحة" 
م الذي بلى علامة لل زر 
© والذي قد يكون اسم ملف أو اسم برنامج أو 
اسم صفحة ويب أو عنوان إنترنت ...إلخ 





« نهاية التاج : 


(5:) 60658 اختصار يعني "503066 816813616 700" وتفيد ترك مسافة واحدة, ولترك ست 
مسافات بعد كلمة "الرئيسة" تم كتابتها 5 مرات يلي كلٍ منها ":". 
(5) وينفس الفكرة تستطيع عزيزي الطالب أن تكرر الكود السابق مع استبدال كلمة "رئيسة" بنص "إدخال 
مصطلح”؛ ثم نص "البحث عن مصطلح”؛ ثم نص 'تعديل مصطلح" ثم نص" حذف مصطلح” ثم 
كلمة 'مساعدة" ليصبح كلٍ منها ارتباط تشعبي. 
والصفحة "1182061.010. يتم استدعاؤها بأمر واحد بسيط في بداية كل صفحة من صفحات الموقع بدَّلا 


من تكرار الكود. 





22 جر رس بس سس سو بي جر رس بس مس عبر 
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جبرروو سرس ببس سجر سسب ئضٍْ جر رس ب مسجب 









الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


يمكنك إنشاء صفحة م1623061.01 باستخدام برنامج 1/60 01655100“ كما يلى: 
إدراج صورة: وكتابة بعض النصوص تحتهاء وإجراء بعض التنسيقات عليهاء لتظهر بشكل مناسب. 


"إنشاء صفحة مء2)جه!!" 
وهو ما ستقوم بتنفيذه تحت اشراف معلمك بكتاب الأنشطة والتدريبات 
صفحة ) /ء ( 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





نحتاج في جميع صفحات موقع 'قاموس مصطلحات الكمبيوتر المصور”" إلى إضافة مصطلح 
أو تعديل بياناته أو البحث عنه أو حذف مصطلح من قاعدة البيانات» الأمر الذي يتطلب فتح اتصال 
بقاعدة البيانات حتى يتسنى لنا إجراء هذه العمليات على بيانات قاعدة البيانات. 
عند إنثثشاء صفحة الاتصال بقواعد البيانات نحتاج إلى التعامل مع متغيرات. 
اعد الييانات: 





© المتغيرات والغوابت فى لغة 0117: 
لقد تعردضت عزيزي الطالب في الحلقة الإعدادية لمفهوم المتغيرات والثوابت» والمفهوم لا 
يختلف عن ما سبق دراسته؛ ولكن دعنا نلق بعض الضوء من منظور لغة 218 : 
6 المتغيرات فى لغة 175]: 
- المتغير عبارة عن مخزن في الذاكرة يحدد له اسم ونوع ويبخصص له قيمة تخزن فيه» وتتغير قيمته 


أثناء سير البرنامج» فمثّلا إذا كان المتغير 570181 يساوي .٠٠١‏ فإنه يمكن تغيير القيمة التى تم 
تخصيصها بقيمة أخرى فى لغة 21152, بجملة التخ التالية: 


10151١ - 450!‏ ؟ 





نلاحظ الاتي : 


- يتم الاعلان عن المتغير عند استخدامه. 
- اسم المتغير يبدأ بعلامة '9". 
- يتكون اسم المتغير من أحرف و أرقام وعلامة "_' فقطء مثل: 


! تكنولوجيا المعلومات والاتصالات - الصف.الثانئ الثانوى 62 11 











: ترد تت اتتاكلة 3 
ا مس212 كأ 0 3 "قا ت ١‏ 1 1" 
مين موقع "قاموس مصطلحات الكمبيوتر المصور 








© _اع 5لا5 - 58123 - 000/لا58355 ....الخ . 
- اسم المتغير يفضل أن يكون معبرًا عن محتواه أو ما يشير إليه. 
- علامة التخصيص هي "> 
- تنتهي كل جملة في لغة 15 بعلامة ":". 
- لطباعة أي معلومات على صفحة المستعرض نستخدم 21154 أو 10 هكذا : 
:510131 1111م - 
("501091؟") 0ا©»© 0 
- يمكن استخدام كود 15610 لتجميع أكثر من ثابت أو متغير عند الطباعة على صفحة المستعرض 
وذلك بالفصل بينها بنقطة ' 
وهناك صيغة أخرى لطباعة قيمة المتغير كما يتضح من المثال التالي: 
:"020 ألا"-953116 
©5311 15 ©2317 لالط" مراعع 
' 55311 15 ©0310 لأم" مراعع 
562111 . ' 5أ ©0327 لأمم" مراعع 
عند تنفيذ الكود السابق تكون نتيجته على شاشة مستعرض الإنترنت كما يلي: 
102100 5!ا 5310 /زلم 
© 5 !أ 311 لزلا 


1052100 5!ا 5310 /زلم 
نلاحظ من تنفيد الكود السابق ما يلي: 


في جملة الطباعة الأولى تم طباعة قيمة المتغير عند وض عها داخل علامتي التتصيص 


المزدوجة ' 0110131101١‏ ©11ا20] '". 
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الوحدة النا 


تأمين ٠‏ تلمين موقع "قاموس م مصطلحات ا المصور” 





» بينما تم اعتبار المتغير بين علامتي التنصيص المفردة 0110131101١‏ ©5101 ' ' نص 
وطبع بالشكل التالي 511231176 15 ©1317 /[112. 
ه في جملة الطباعة الثالثة تم استخدام النقطة لطباعة سلسلة حرفية وقيمة المتغير. 
يمكن استعراض بعض أنواع المتغيرات في لغة 8115 من خلال الجدول التالي: 





© والجدير بالذكر أنه لا يتم الإعلان عن المتغير ونوعه في لغة ملعم وانما يتعرف مترجم 
© على نوع المتغير من خلال القيمة المخصصة للمتغير في جملة التخصيص . 


© فمثلا: تستطيع عزيزي الطالب معرفة نوع أي متغير باستخدام الدالة :(9©11/06)51721 وذلك 
بالكود التالي: 
مام > 
متغير يساوي قيمة حرفية // "01 00113111©6"-31116_لا؟ 
طباعة نوع المتغير // (2310_نام)عم لاعن ملاعع 
النزول على السطر التالي // :"</ >" ملاعع 


طباعة رسالة ترحيب بلغة 6إاص //. :"صلاط 0غ عجررمعاعللا" ملاعهع 
النزول إلى السطر التالي // :"</ لط>" مداعع 
طباعة نوع متغير آخر لم يتم استخدامه // (أ5165)ع0 لإأأعن ملاعع 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


نلاحظ أن: 


ناتج تنفيذ الكود طباعة نوع المتغير ©73176ا_لا8 على صفحة مستعرض الإنترنت بأنه "511109"؛ ثم يترك 
سطر ويطبع رسالة الترحيب "8119 10 1/6100176/", ثم يترك سطر ويطبع انالا أي قيمة المتغير فارغ 


6 الوابت فى لغة 117: 
أما الثوابت فهي مخازن في الذاكرة تحمل اسم ونوع وبخصص لها قيمة ثابتة لا تتغير طوال تنفيذ 


البرنامج. ويمكن تعربفها من خلال الصيغة العامة التالية: 


(عنااله/ا 'ع0قلظا أموأكدهمن')عمأاع0 


كه ©2310 0011513111 تشير إلى اسم الثابت. 
©3!0/ا تمثل القيمة المخصصة للثابت. 
مع ملاحظة أنه لا يتم وضع علامة 5 أمام اسم الثابت عند استخدامه. 


فعلى سبيل المثال: 


ز("0 101315" ,'علصدم')ع م قعل 


((©2312 ."* :15 ©6310 /الم")ملاعع 


« تستخدم النقطة (.) في سطر الكود الثاني لربط سلسلتين حرفيتين. 
« تم استخدام الثابت بدون علامة 5. 
© استخدمت كلمة ©0671 لتعريف الثابت. 
ينتهي كل سطر في لغة 51159 بفاصلة منقوطة (:). 
عند تنفيذ الكود السابق تكون نتيجته على شاشة مستعرض الإنترنت كما يلي: 


112100 :ذا ©2310 /الم 
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المشوانه امسر الستايية 
ماه اوم لك 7 1 
6 2 0 | ل ا 0 | _- 4 حم 


الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





والجدير بالذكر أن المتغيرات والثوابت تتأثر بحالة الأحرف كبيرة أو صغيرة 


ُّّ ع 5 0 في‎ ُُّ ١ 





(37أ6 دمع 6256-105): اذا أردت أن يكون الثايت خ< 


((عناكا بعنااه/ا عمقلا أموأذكدصمي')عماأاع0 


ومن الضروري التأكيد على الآني: 


2)2)1١(‏ كود 2118 يكتب وفق الصيغة التالية: 
70> 
كود (م[إم المراد تنفيذه 
0 
)١(‏ الكود 2816> يعلن أن الكود التالي عبارة عن 561104 بلغة 81418 سيتم تنفيذه على جهاز 
الخادم من خلال اعلااع5 ©202611. 


5( كود الطباعة على صفحة المستعرض في لغة 5115 هو: 


2( م!طاعع] 


المحتوى المراد طباعته على صفحة المستعرض أو أي كود بلغة 1!/11!! 





(:) كل جملة في لغة 5115 لابد أن تنتهي بفاصلة منقوطة01017© 56101 ":". 

(©) كتابة تعليق داخل كود 5115 دون أن يترجم أو ينفذ يسبق بعلامة "//" . 

(؟) أما لكتابة ملاحظة أو نص أكثر من سطر فيتم كتابة التعليق أو الملاحظات بالكامل مسبوقة بعلامة 
"*/" وفي نهاية الملاحظة نضع العلامة "/*". 


16 إنشاء قاعدة البيانات تمص 1ل : 


بعد إنشاء قاعدة البيانات /[01901161101131 التي تحتوي على مصطلحات الكمبيوتر في جدول 2,2161115 
سوف نتعامل مع سجلات جدول البيانات من خلال صفحات موقع 'قاموس مصطلحات المصور" حيث 
يمكننا من خلال صفحاته المختلفة إضافة مصطلح إلى قاعدة البيانات أو البحث عن مصطلح أو تعديل 
أي بيان فيه أو حذف مصطلح. وجميع هذه العمليات بداية تحتاج إلى إنشاء وفتح اتصال بين قاعدة 
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البياناات وصفحات الموقع؛ وذلك قبل إجراء أي من هذه المعاملات» ومن هنا سوف نبدأ في إنشاء صفحة 
تحتوي على كود 1١119‏ يحقق الاتصال بقاعدة البيانات بحيث يتم استدعاؤها في بداية كل صفحة ودب تقوم 


بإحدى عمليات التحديث فى قاعدة البيانات. 


د *مكام. ره أععصمهه 


منام* > 1 


:""01ن1" -1131116 1ت 9115 

910235515:01:01- """ 

"3177ماع 01طال "عع هق طق ه50 
:""]5مطلمءهو1"عهع جرع و9 


د( ""55010 35ج" , '' 12للقتتاع قنا ", "اع بتك 55" )اع ع تتطامع __1ن775تتتتحاعع تتتلمت ةا 
(أععصقتطامك5 ) 11 


:(" هناك مشكلة فى قاعدة البيانات")عتل نين ("ع35طقنة5"')طل_أععاعه_ 1ن توسحجاءعاءه؟ 
5ع 


1 
:"لم بتح الاتصال بقاحدة البيانات'')مراعع 
ا 





شكل (؟١١)‏ كود صفحة الاتصال بقاعدة البيانات 
بدراسة الكود السابق, نلاحظ مايلي: 


- بداية_الكود_ لل _هم7> 


- هناك أريع متطلبات أساسية للاتصال بقاعدة البيانات هى: 


اسم جهاز الخادم - اسم المستخدم - كلمة المرور - اسم قاعدة البيانات -. 


9056117291764-"001" 


:"">-0100//ا 90355 


- لاحظ اسم مستخدم 5001/!/ دخ تغبر 51045611131116 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر ١‏ 


1011 
تا اتات 


| تيا ااهل ويا 5 [ك 


امم مز( فم لل للحم لجم( تجزم عم حمر يع 
قا 5 حر ال نيا ااهل رطا 5© [- ين جد 2ك 









الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


كلمة المرور الافتراضية " تخصص للمتغير 010/الا902355 
وبجب تغييرها كما سندرس في الوحده الخامسة. 


950310256-"00111010313 
95عاا/رعم-<-"١1031051":‎ 


اسم قاعدة البيانات يخصص للمتغير 502130256 
اسم الخادم "١06211051"‏ المُضيف لقاعدة البيانات يخصص للمتغير 5561١/©/‏ 
0551/0107" ,"1112111 515", "اع لااع60601)"55_اوة اما حاوع 906010 


> تنفيذ دالة 1 ©0116 _501/ا1 والد المعطيات الثلاثة: 
(اسم جهاز الخادم المضيفء واسم المستخدمء وكلمة المرور)» في متغير الربط 5601711©©1» حيث 
يكون ناتج الدالة "©1111" إذا تم التحقق من صحة المعطيات الثلاثة السابقة» أو "3156" إذا كانت غير 
ذلك؛ وللتأكد من ذلك نستخدم جملة 1 التالية. 








(أع50000) 1 


١ 
("05)"502136256_أمعاع5_اوذ/الاعاععاع955‎ 0, 6 

:("هناك مشكلة في قاعدة البيانات”") 

/ 

عواع 

0 
:('لم يتم الاتصال بقاعدة البيانات") 010 

/ 


نلاحظ أن: 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 








الشرط يسأل عن قيمة المتغير 5©01166©1», فإذا كانت "126" فإنه يتم الاتصال بقاعدة البيانات المسماة 
©3035 من خلال الدالة 501_5©1©»©4_015لا170 أو عرض رسالة حال وجود مشكلة؛ من خلال 


الكود التالي: 
:("هناك مشكلة في قاعدة البيانات") 016 01 


واذا كانت قيمة المتغير 5601711©©1: "13156" يعرض الرسالة التي تلي ©5ا© على صفحة المستعرض 
بأنه 'لم يتم الاتصال بقاعدة البيانات". 


*0< 


نشاط (8) 


انشاء صفحة الاتصال بقواعد البيانات مطم.غاععمصممع" 


بكتاب الأنشطة والتدريبات 0 لت 
مم _ 2 ] ود- 


صفحة (١ه‏ ) 8 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


الموضوع الثاني 
المعاملات واجمل الشرطية في لغة 





وان التعل 
في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: 
-١‏ يميز بين المعاملات 00612101 في لغة ماط. 
؟"- يشرح جملة الشرط 01701111017© ]! في لغة مإ]اط . 
"- يتعرف جملة 1ع11/لا5 في لغة 45!إم. 
4- يمارس الصيغ المختلفة لجملتي الشرط ١1ع11/لا5ة‏ © ]|. 


5- ينشئ صفحة /306ع1] باستخدام تطبيق ع/الا .1701655101١‏ 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





ها 


قبل البدء في إنشاء صفحة إضافة مصطلح يمكن أن نستعرض معًا مفهوم المعاملات 0[76©131015.: حيث 


يوجد ثلاثة أنواع في لغة 2]45 وهي: 


المعامللات 75 : 


)١(‏ معاملات حسابية بنوعيها (العادية - أخرى). 





)١(‏ وهناك معاملات حسابية أخرى خاصة بلغة 5إام 
##لةا ا #مسص | ملاصعم9 ل 
بسكي س7 امك 
مس اس الك 


0( معاملات مقارنة 


الت لتك اسقتت3 ك4 20157431 





0 و5و5ع٠‏ 0 ©١211!‏ | /ع21ع0 
0) رعأاع2] 
اجنا0ع 01 اجنا0ع 01 واعزونلا 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


)5( معاملات منطيقة !06123101 0016321 ا 


#«اه16 من | أماستد مس | أو | |0 


ا 2 131 ا 


جملة النشرد ط مه خ1انلمه2) 11 





صحيحًا يقوم البرنامج بتنفيذ كود معينء, واذا كانت نتيجة تنفيد الشرط غير صحيحة قام بتنفيذ كود آخر. 


ويمكن استخدام جملة 11 بصور متعددة حسب متطلبات البرنامج» ولعل أبسط صورة تستخدم 
فيها جملة "]! في لغة مام هي: 


١ )٠هوأعدأ‎ 00011101( 
ا‎ 


الكود المراد تنفيذه إذا كان ناتج الشرط صحيحًا 





حيث: 2010111011 1001231 : 
تشير إلى تعبير شرطي مثل: 
0 < 66اوهط2 أو 6 > 806 أر "5]72101أصأصمءة" -- عنرولة ...إلخ. 


فكما يتضح من الأمثلة ومما سبق لك دراسته, ومن الأمثلة السابقة يلاحظ ان: 


الشرط يقارن بين متغيرين أو متغير وثابت بينهما إحدى معاملات المقارنة السابق الإشارة إليها. 
وفي هذه الحالة إذا تحقق الشرط يتم فقط تنفيذ الكود بين القوسين 1 إذا تحقق الشرط. 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


منام م > 
:51 "-56؟ 
("151"--ق58) ؟! 
ا 
ر'أنت الأول" مطع] 





نلاحظ في المثال السابق: أن : 

- عبارة "أنت الأول" : 

ستطيع فقط على صفحة مستعرض الإنترنت إذا كانت فقط قيمة المتغير 5/8 تساوي "1151 ". 

علامة "-" ذ :"5 "-58 
معامل تخصيص. أما علامة '--" مع جملة :! تمثل معامل منطقي. 
- كل جملة في لغةُ ملام تنتهي: 

بفاصلة منقوطة ":". 
والصورة التالية لجملة 15 هي الأكثر شيوعًا 





لمم اوعأوها) ١١‏ 
ا 
الكود المراد تنفيذه إذا تحقق الشرط ©1106 


الكود المراد تنفيذه إذا لم يتحقق الشرط 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


ِذَا فالطبيعي أن أي شرط قد تكون نتيجته "71006" فيتم تنفيذ الكود الخاص بتحقق الشرط فقط بعد "!! 
مباشرة, وقد يكون نتيجة الشرط "23156" فيتم تنفيذ الكود التالي ل 156 فقط. 
مثال: 
مبرم > 


9/8-"5600': 
|] )58--"151"( 


ا 
"أنت الأول" مطععا 


"أنت الثانى" 00] 





في المثال السابق نلاحظ أن: 


- عبارة "أنت الأول": 
ستطبع فقط على صفحة مستعرض الإنترنت إذا كانت فقط قيمة المتغير .5/8 تساوي '1551". والا 
سيتم طباعة عبارة 'أنت الثاني" ونظرًا لأن "56601700" -588 فإن الشرط لم يتحققء بالتالي يكون 
ناتج تنفيذ الكود بالكامل طباعة عبارة "أنت الثاني". 

- علامة "-" فى الكود (:'"1:51"-58): 
تمثل معامل تخصيصء أما علامة "->" مع جملة ؟! تمثل معامل منطقي. 


- لم نضع ":" داخل كود ؟! بالكامل باعتبارها جملة واحدة. 
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الوحدة الد 


تأمين موقع "قاموس مصطلحات الكمبيوتر المصور' 





الصورة التالية أكثر تعقيدًا لجملة ]| 


(1160لممي الوعأوها) ١١‏ 
ا 
الكود المراد تنفيذه إذا تحقق الشرط الأول 
/ 
(0001100ي اوعأوها) أأعد5اع 
ا 
الكود المراد تنفيذه إذا تحقق الشرط الثاني 


الكود المراد تنفيذه إذا لم يتحقق الشرط الثاني 





نلاحظ أن 


جملة ؟!! الأولى يليها شرط إذا ” 0 التالي لها مباشرة واذا لم يتحقق فهناك شره ط ثان إذا 
تحقق ينفذ الكود الذي يلي 15©17طا1, واذا لم يتحقق ينفذ الكود الذي يلي ©1215؛ ويدءً من 1215617 حتى نهاية 


الكود عبارة عن جواب عدم تحقق الشرط لجملة 115 الأولى. 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


50-5 
(52)>0) ]| 
١‏ 
'"الر١‏ قم سالب" 6010عا 


(50<0) أأعواع 
ا 
'الرقم موجب" 010 


ا 
'الرقم يساوي صفر" 010 





نظرًا لأن 50-5 إذا فقد تحقق الشرط الثاني بعد 7أ©1215 وسيتم طباعة عبارة "الرقم موجب" على صفحة 
مستعرض الإنترنت. 
وهناك صيغة أخرى لجملة !! 
تععلة-؟! : عنما -؟! 7 زممأودعرمءاط) 
والمثال التالي يوضح استخدام الصيغة السابقة والتي يطلق عليها ؟! ©12! 1!: 
ممم > 


المتغير يساوي ١‏ // 1[ -<«ة 
:'0/لا!" : "006" 7 (1 - - “*5) - باو 
"006 إذا كانت قيمته تساوي »١‏ يحفظ القيمة "يتم اختبار قيمة المتغير 
/إة" في المتغير 71/0 وإلا يحفظ القيمة "لإفي المتغير 
طباعة قيمة المتغير // 5١‏ أماءمم 





نلاحظ في المثال السابق أن (:) 0101© أدت إلى نفس النتيجة بدلا من استخدام الأقواس ( ). 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


ثآنيا: جملة طء51 


رطم > 
92-1 
( 832 ) حلت 1ددع 


: 1 عمست 
:""واحد"" وحاعع 
تعمتجا 

عمقت 
"أثنين" ‏ صحاععح 
جم عنما 


حران] انيا اكد يا 33 [- 00 12 2 


:3 ععوقت 
'" محاحع 
11م 


:انتج زع لك 
'" محاعع 
جعلوع0زما 





شكل )١(‏ كود 5115 يوضح استخدام الجملة الشرطية ١اع]1للا5‏ 
وبتحليل الكود السابق نجد أن: 
٠‏ المتغير 5 بدأ بالقيمة ,١‏ ثم استخدمت جملة 51/161 لاختبار قيمة المتغير 5 حيث يوجد اكثر من 
احتمال: 
ه فإذا كانت قيمة المتغير تساوي 1 أي ":1 6356 يطبع 'واحد"؛ وهكذا لباقي الاحتمالات وفي آخر 


احتمال إذا لم تكن قيمة المتغير لا تساوي ١‏ أو ؟ أو " أي دونلذلك يطبع "لا يوجد". 


ه وهناك أمر آخر يمكن الخروج به دون تنفيذ شيء هو أمر آألاتاء فمثلآ يمكن في آخر حالة 


أالاة]061 نضع كلمة :1 للخروج من جملة 110 بدلا من طباعة "لا يوجد". 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





هناك صيغة أخرى لجملة 51/11561١‏ حيث يمكن أن تأخذ ©6356 أكثر من قيمة واحدة كما بالمثال 


التالى: 


منام7> 


2 - 53 
( 53 ) ناع ااه 








طباعة في حالة ج52 
يساوى ١‏ أو ١‏ أو م 


: 1 قققء 
عن مووح 
3 مووح 


>" أحد او اتنين أو فامسث ' جراعم 
بعلقع01ا 


٠‏ | ااماماعل 
"أرقام أخرى' وراحعم 


شكل (4؟١)‏ كود 2115 يوضح صيغة أخرى لاستخدام الجملة الشرطية «1ء]1للا5 
وهذه الصورة تكافىء جملة !! التالية 


( 3--دة || 2--دة || 1--3ة) ا 


:واحد أو اثنين أو ثلاث 0طاع] 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


الموضوع الثالث 


صفحة إدخال مصطلح 


مطم.صوع 4800_'1 





نوات التعلم 

في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: 
-١‏ يصمم واجهة صفحة إدخال مصطلح. 
"- يكتب كود !61 لتضمين صفحتي 00111©6©1101) :8 /300ع1!. 
“"- ينشئ صفحة إدخال مصطلح. 


؛- يتحقق من إضافة مصطلح إلى قاعدة البيانات. 
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كا 


اك 


)١(‏ تصميم واجخمة صفحة إدخال مصطلح 






| 
رالر نف 
7-4[ ا 


1 - 
<لمقمة> 
تيد | 
عمنا أقامم2 ولا 2 
:الما 
1 ل 
وتذ © د 
2 اج 


015 01ه0) لررهع + 


مأدا8 لععموالم 253 
60 00107 م00 ع 
نلفكها 
اه 6# 
لل :قزل » نالا دد | 
«مطكع017) غنامن] 
(51) غدام10 ف 
(مع400) غنامآ1 
(1039) غدامم1 فا 
ا ا 
(3010) غدمجم]1 © 
وعوع) غدامن] هع 
القطن5) غنام] هع 
()اع1) غنام1 
اع30ا 
وعىمق اع 1 2 


+8 #8 |عم جمد عر -5 -# | 


ٍ . تكنولوجيا المعلومات والاتصالات - الصف الثانى الثانوى 


١ 50‏ © -1؟ 
+١ 8‏ - م - جز - وم ع 


[0©5 يدون كتاية ١‏ 


4 اع /الا مماكدعممع أمكم412! - (مام.صمء ١_للمشابصدممء‏ ](ناأدعه لأ طامم2مق:) ادخال مصطلح للقاموس 


تاها »ا ءايزانا 


» له عد ب 


تام 82-1 حارم 7ازا12 


د هم مه مم 2ك كته ك 


*< *ملام.دمع 1_علمم 


>01 


01/5 || 


حاف .© بجزلءت 





من خلال أحد التطبيقات المستخدمة في إنشاء صفحات الودب (مثل 2/65 67016551017) يمكنك إنشاء 
صفحة إدخال مصطلح ذات التصميم التالي: وحفظها على مجلد الموقع على جهازك: 


امكل »كنحم 


110 #إعررراءي رطا تائم جزاءة| كا 


|| | 06د | 


ا “عا 


2< اسل 


محام.لممع_ل30 


07-38 / دمت انامم 
05م 
...لل مععع3 الوم 


شكل )١5(‏ شاشة تصميم صفحة 00_17©117.010./ 





>01 

كعغناطتغغق |<ا 
3000 انوع 
عملااعمع ارقم 
لماغعم انوع 


لإاعواووععع3 ار 


ا .. ,عاق اوموق اروم 
عأعأم1ممءمانق ارقم 


5 ام 


ا ...العا معا مم اروم 


ل 1زم 
. . الاعز/اعاطهمع انع 


عاملوزنا الوح 
كأوعيع | 
عأة/اناء3م 0‏ 


ا ...ةع معطمو 
| ...عع ممعطامه 4 


+يصوءة عناصضميتك 


م0 ع701 106] ااا عه |[ ع[لاك جودع2 ,كماوعقحم عدادع؟ مغ كع الصقط نأو732 0:39 





© كتابة عنوان شاشة الإدخال "إدخال مصطلح". وقد نم وصع هذا العنوان في مقطع مستقل 
<01107> بإدراج مقطع من شريط الأوات 60015201 كما بالشكل 





































































الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





|] 


خ] 3 ذا لصلاععع 
124لا 0ل إقم 


عررمعع عونام ك5 





» وتستطيع عزيزي الطالب كتابة النصوص كما بالشاشة السابقة واستخدام نافذة الأدوات "1001201" أعلى 
يمين الشاشة لإدراج عناصر التحكم على الصفحة. 
« ادراج النموذج 10117 من شريط الأدوات كما بالشكل التالى: 
ة 0 ار ف 
ممتاي8 لععمويللم نم 
0 الاو تدمنرن] يك 


2" 


014 تناه ]جا 


أم أعه قا عمآ معد اماصم) 

كع الازومع كا ,كهاع!١آ‏ نامدا 

ععبدعو واع ثرا عطا مه عمعمع 
نامض علاة كعععهىم من ١‏ 


(121392) أنامم1 9 





» يستخدم النموذج 10117 لتمرير أو إرسال كافة بيانات النموذج الموجودة في عناصر التحكم من مستعرض 
الوب إلى الخادم !5©176 اعل/الا وبوجد طريقتين لإرسال بيانات النموذج وهما: 
5- <"1 12" -0 11110 00> .0 1ع م8 139 


؟ - <"[805"-0 1116110 101111> 


حيث يمكن ضبط الخاصية 1/!©11١900‏ للنموذج 0117]! 
بالقيمة 057 أو القيمة 6157 كما بالشكل 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





بعض الفروق الهامة بين القيمة (1 005) والقيمة (1 61) : 


لا تظهر البيانات المرسلة فى 191لا عنوان الصفحة. تظهر البيانات المرسلة فى 198لا عنوان الصفحة. 


يتم استخدامها فى ارسال كلامات سر أو اي بيانات هامة. لا يتم استخدامها فى ارسال كلامات سر أو اي بيانات هامة. 





سوف يتم التعرف على استخدامهما بالفصل الدراسى الثاني 


واذا نظرت إلى كود !1117 ستجد بداية ال ©7536 الخاص بالنموذج 10117 كالآتى: 


-110211/1501111" دعم لاع "مذام. تاعغ_200"-1101ع2 ىهم" -0 1110 





من الصيغة السابقة نجد العديد من خصائص النموذج 10117 حيث: 


- الخاصية 1/©61000 يوجد لها معاملان إما المعامل 687 أو المعامل 0557. 

- الخاصية 8611017 ومعاملها اسم الصفحة التي يتم الانتقال إليها عند الضغط على زر 511511216. 
بعض النصوص المُعبرة عن القيم المطلوب إدخالها في مربعات النصوص. مثل: 

نص "المصطلح" وبليه مربع نص لإدخال اسم المصطلح وهكذا باقي بيانات المصطلحء والصيغة التالية 

توضح كيفية إنشاء مربع نص على نافذة مستعرض الإنترنت: 


</ "6م482 : ألأ/ل" - عاي6ه ")اع)" - عم/0 "117اع]_ألاع)" - 121116 الامرا> 





من الصيغة السابقة لاحظ الآتي: 
0 آلا1! تعنى ادراج عنصر تحكم 
0 "1_16111آلا1" - 131116 تعنى أسمه 1611_1611 


"©" - 1/06 تعنى نوعه مريع نص 
كه “م482 : 1041/ل" > 58/016 تعنى ضبط خاصية العرض لمريع النص 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


» زر "'إضافة" المسئول عن تنفيذ الكود الخاص بإدراج بيانات المصطلح الجديد فى سجل بيانات في 
قاعدة البيانات '"/[012_01©11011231'". 
© تم وضع باقى مكونات الصفحة في قسم آخر <0[|0>. 


وللاطلاع على كود !ا!/1111! المقابل لصفحة إدخال مصطلح الموضحة بالشاشة السابقة قم بتحديد النموذج 
507 ؟», ثم اضغط زر "©6006" اسفل نافذة البرنامج فيظهر الكود الخاص بهذا القسم محددا كما بالشائمة 
التالية: 






<"[ر"دزل لساك | 
حلوعه ‏ 2 

"م0١1‏ أوعانره)"- اترزوع-مانا "ا رحاءدتقك بلستطنادعا"-اسعادم ماعوت 1 
<> ادخال مصطح للقاموس< 10> 

حل 63> 
<"["حززل وماج 













<وزل/><1 > إدخال مصطلح<[ > < "رعارعء :دناه جما" -ماراة > 
<" 0111-0313 نانة مت اأبتنه"' حم 0 جاعرء "متام تتاع! 200" -زمتاعة "0031"-11611100 101111 















<" ليع[ جاو" -1355ك 01> | 
:50 نع :حرطلاع ب وطتعة :م وطناعع :مقطو بموطتءط:موطراعغ :قطني :روطو المصطلح ‏ < .> 11 


< > < "3م4832 :11 حمانجاة "أجعا"حعمررا "صعا_أءا" عمقل انملك 12 
:((55لعك نز طتزعك :رو ط تاك ندوط تلع زمةطللع :م115 رمةطنزعة روطع ,مون ترجمته < :> 13 


< > < "431 :10 حعاجاة "أرما" حممتىا "ةلقن" -1131116 ألامزالك> 14 

:5(0 لاع :م3 طناع :در ةطرزع ب ةطتاع :مهملع :دروطرزع بموطناك:موطالر :موانر؟ وصف المصطلح < ,> 15 
0ك جوع مجع "م30 :اماعط بجم0ة4 :10 حماواة "[تعرفاء [ "ةن معتقات > 

:ترق طلاع :در ةطرعة :م ةمتع :دروطوع بموطلع نمو طن :روط رع زموطترع :مور الصورة <> 

حيو حرط ح" "حنمت "5م485 :ال حم اراز " 1ع11["-116نة1 نالل 

< ررا> << "إضافة" حم رلج؟ "انسطررة" عم "5م76 :1م10" -م1بجا؟ " [انتدطن5" قد أبامتلك> 
لل 





>/101111- 


0005 


شكل )١(‏ كود 111/11 تلصفحة منام.70:ع)_00م 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





انتبه الى الكود التالي: 





11101/10111033" 


وهو أسلوب نقل البيانات من النموذج إلى الخادم 
51 . 

تحديد اسم الصفحة المرد الانتقال 
إليها(م300_16/57.01 ) عند الضغط على زر 
511 . 

تستخدم عندما يتم استخدام النموذج في رفع (الصور) 
على الخادم 561761 وإذا لم يستخدم لا يتم رفع الصور 
داخل مجلد الصور "21". 


مرطام. خآ 5 "'"حتتمتاعنج ' 





:2117 كتابة كود‎ )١( 
عند هذا الحد نستطيع إدخال بيانات مصطلح في عناصر التحكم على صفحة المستعرض ولكنها بيانات‎ 
غير مرتبطة بقاعدة البيانات» لذا نحتاج إلى:‎ 
]”]08 إظهار الصورة 83171061 وعناوين صفحات الموقع في بداية الشاشة وذلك من خلال إضافة كود‎ 
على الشاشة السابقة بالكود التالي:‎ )١( الخاص بإدراج صفحة /©118306! في المكان المشار إليه بالرقم‎ 


مصطام ”> 


د( '' «تطامرنتع مهعط"' )ع 01 ناات111 
د 





شكل )١8(‏ كود 8112 لتضمين صفحة 20617»!! 


ه تحقيق الاتصال بقاعدة البيانات. 
« التحقق من إدخال بيانات في عناصر التحكم على صفحة المستعرض. 
٠‏ تسجيل بيانات المصطلح في جدول قاعدة البيانات وذلك من خلال كود 515 المرتبط بزر 
'إضافة" في المكان المشار إليه بالرقم (؟) على الشاشة السابقة بالكود التالي: 
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:(" تتام لامتاعع نامع" )10110 


جملة شرطية لاختبار وجود مجلد ((|'[انسطرة' |2051 5م155 


وم وانشاؤه في حالة عدم وجوده | "سه [ :(علز تله ) ((نأم/نك 1115 ظ 
[ قل ||" 7118511 حملن 
إ[عشقط_جس|[اعل7115]1_؟-مسة0 
| :(1؟. عام ,متهاق)ءلة_لع30مامنا_ع2101 1 ((16؟)امتتء! )ا 
[سع ]2057 ددسم 
جملة شرطية لاختبار هل تم اختيار ملف صورة :[قلنقنا]2051_؟-15ة]ا! 
|[ عات 50511 احمزعل؟ 
" " . علنا؟ . "عام" حم ناعزم؟ 
( (لةؤأومسه! عع "" ع عمل؟ عع "" -! قمهةة؟ عي "" -! سررماة )أ 
ا 
:"أن" تالف 5181" اتاعنا0 11501 
:(" تناع ا؟ ,"مم50 ,'13نة1ا؟ ,اللتتعا؟ ,")113/163 قنتعا مألا 15611" تلان 6-501 1ا0؟ 
30015 )ا 








"انم إضافة الببانات بنجاح"-و03]312؟ 
01 دورو[ ومروول؟ 1-1312 0000:1011 مام '-م 971 10-1301 أعطاو[>" )مراعء 


ع 


"لم يثم اضافة البيانات"-و6م1ة90؟ 
ب(" حأء ماك قعلقلقل؟ حابعع نا-5 :عزة :2270000 :ممع 'حعاجة '1[ع30 .حل امول" )مراعة 
ا 
1 
" البيانات الثى ثم إدخلها غير صحيحة يجب إدخال جميع الحنول"-1:65ة90! 
ب(" حاءقاك> وعتهاول؟ <بعمنقاء: :علة-0101 :2750000 برمامع 'حعاراة '30611]'-10 أعمق>")مراعة 


شكل )١9(‏ كود 25115 لإضافة مصطلح جديد 


! تكنولوجيا المعلومات والاتصالات - الصف الثانى الثانوى 


الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 
ملام > 
- تضمين صفحة تحقيق الاتصال بقاعدة البيانات بالكود التالي: 
("110م.67أاعع0لرمع")عل ناعم 
- التحفق من الضغط على زر 510517211: 
- الكود التالي يختبر إن كان المستخدم قد قام بالضغط 01112 على زر 'إضافة" فيتم التحقق 
ولا من وجود مجلد باسم "01" وهو المخصص لوضع الصور الخاصة بالمصطلحات 
بداخله: فإذا لم يُنشأ هذا المجلد يتم إنشائه. 
((["011طب2051]"5_(أ)اء155) 11 
0 


( ز('عامص؟")!ألكاصم ) ركعام')؟01_ذ!!) 11 
- وينفس الطريقة يمكن إنشاء مجلدات أخرى للصور أو الفيديو سواء بالكود أو من خلال نظام 
التشغيل في مجلد المشروع. 
رفع ملف الصور على إعيارع5 


- يخصص اسم الملف المختار من المستخدم 11181 إلى المتغير ©5711: مع ملاحظة أن العلامة 
© تسمى 0117161 وتتعامل معها لغة 515 على أنها متغيرء. ويفيد ذلك في عدم إظهار 


["53117"] ["1 "زوع ااء_؟ده!5111؟0© 
١١٠5|" 11"[ ]"]7_113117©"[:‏ _؟-م609510111 
- اختبار إن كان اسم ملف الصورة غير محدد يتم تحميل ملف الصورة من مجلد "0160". 
( :(ع5111.'/طنا",مده5)ع!5_لع20هامنا_عامط 4 ((ع6571)/أمممع!) 11 
تخصيص فيم عناصر التحكم في متغيرات 


- يتم تخزين البيانات التي تم إدخالها في مريعات النصوص للمصطلح الجديد على صفحة 
المستعرض في المتغيرات التالية بالترتيب ( ©!لاأ©501 - 50616 5613115 - 5]6117)؛ مع 





/ تكنولوجيا المعلومات والاتصالات - الصف الثانى الثانوى َ 46 











الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 


ملاحظة أن المتغير 5_5057 يخزن به قيم عناصر التحكم على التموذج 10117 عند الضغط على 
زر 51011211. 


:["95161111-5__6511-16117 
:["95113015-5_20511113115 
11 1ه _5-ه1ول5؟ 
:" " . ©5111 . "إعأم"دع عام 
التحقق من إدخال قيم في عناصر التحكم على النمودذج 0117] 
- جملة "!! التالية للتأكد أن هذه المتغيرات ليست خالية أي تم إدخال قيم فيهاء فإذا كان الشرط 
صحيحًا وجميع المتغيرات ليست خالية !انالا يقوم بتنفيذ الآتي: 


- استخدام دالة /50[!_011©1/إ117 يساعد في إظهار البيانات على صفحة المستعرض باللغة العربية 


58 " --! 50616 .88 " --! 5]:305 88 " -دا! ررررعا؟) 1 
( (5111)/مدع! 

ا 

”18انا" 5عالالفلطا 51 "ا)لاعبان_اوكلالم 


("('6!نا أ 1م 5161117',"5613115',"50061©',"5",") 5عنا!2/ 1611115 11710")لااعنان_ا نكل[ لااعنا50 


الجدول ع1ط73 دالة ممع رصبع متغير ٠31131‏ 


- تم إنشاء متغير /[50[016©1 بحيث يخصص له قيمة تنفيذ الدالة /117[/50[|!_6[11©11 التي تحتوي على جملة 
5614 الخاصة بلغة 8©01» والتى تقوم بإدخال البيانات التى تم تخزينها فى المتغيرات إلى الحقول 
المناظرة لها فى جدول قاعدة البيانات "611115©]". 





- ثم يتم التأكد من إدخال البيانات في جدول قاعدة البيانات (/0©1ا|17)50 فإذا تم ذلك ظهرت الرسالة 
تم إضافة البيانات بنجاح" وإلا تظهر الرسالة 'لم يتم إضافة البيانات". 
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الوحدة الثالثة 


(لا1عنا50) ؟1 
1 
"تم إضافة البيانات بنجاح"-50213:65 
01ء"دع 5/1 *1اع36٠"-10‏ اعطج!>")مداعع 
<ا1366/> 5ع50313:6 <'زع3:0!| <١‏ :ع#5500001006-512 
1 
/ 
©5ا»ع 
١‏ 
'لم يتم إضافة البيانات"-501313165؟ 
امع" ع1ن5 '1اع36ا"-ل1 اعطج!>")مداعع 
5 <<:13:06 << :512 -20000:10111 #8 
؛ <اع136/> 
/ 
/ 
©5ا»6 
- في حالة عدم إدخال بيانات لجميع الحقول أو بعضها يطبع الرسالة '"البيانات التي تم إدخالها غير 
صحيحة يجب إدخال جميع الحقول". 


/ 
,"البيانات التي تم إدخالها غير صحيحة يجب إدخال جميع الحقول"-501363:65 
امع "-ع5/1 "1اع36ا"-ل1 اعطج!>")مداعع 


<اعط13/> 5026365 <'زعو:3| <١‏ :5126 -10016 #550000 


1 


تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر | 0 





نشاط 5( 
"إنشاء صفحة إدخال مصطلح محام.مممع+200_1/" 
عزيزي الطالب والطالبة. الآن يمكنك استخدام صفحة الويب كواجهة 
للتعامل مع جدول قاعدة البيانات لإضافة مصطلح جديد.ء واجراء 
عمليات أخرىء, وذلك من خلال تنفيذك نشاط 5: بكتاب الأنشطة 000007 ا" 
والتدريبات صفحة ؟ه 85 #ه 





(:؟) تنفيذ صفحة إدخال مصطلح 
عند استعراض صفحة إدخال مصطلح على مستعرض الإنترنت تظهر كما يلي» وذلك من خلال العنوان 
10ام.1111؟_211051/0166101131//200ه10: 














شكل (0”) نافذة استعراض صفحة إدخال مصطلح 


- في حالة عدم إدخال بيانات والضغط على زر "إضافة". يطبع الرسالة "البيانات التي تم إدخالها غير 
صحيحة يجب إدخال جميع الحقول" أسفل شاشة المستعرض كما يلي: 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 














1 11 
وواصبقف المصطلح 1-5 
لحتو نة ' أجعيار ملف [لم يتم اختيار أ ملف 
7 
5 1 55 5 . 5 4< 5 350 1 
اليياتنات لفكت تتح إدخالها غير صبحيحخة يحب إدخال جسيع الحقوال ١‏ 
4 
3 


شكل )"١(‏ نافذة استعراض صفحة إدخال مصطلح بشكل خاطئ 
- عند إدخال جميع بيانات المصطلح كما يلي: 


ادخال مصطلح للقاموس [2] || 0 7 





مطام,حممععغ_ل له صدممقء 1ل 8080/7 ده طاقعه1//نماط 65 


هتائل حصنا :هنن الممحاتنات و فتصسعيم: علي :تنطناق :مولن حيبت ر .1+ 
رقط شفكة: خاشقننات آلية كبيره جداً فلن “تتظاى: واهغع - 


...ع5 م8 


00[ اعأنام7امء_ععملاكادعنااء اط عام لمت كأادع] راع إاطاء ام نظاومرع5ل1: 0 





شكل (7”) نافذة إدخال مصطلح 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 





0 ْ ادخال مصطح لتقاموس [9©] || © + 2 - ل 3006 اا ع16//:مغاط [ت] ١|‏ 6 


رولا - .. مس “سس سويية ) ) ١)‏ سس سه هههههعويقل الل ا +سبةاشتهلْ-سشتووده. ‏ مسمس سه 


الصورة .8101/5 


تم اضافة البيانات بنجاح 








2 





شكل ("") نافذة التأكد من إدخال مصطلح بشكل صحيح 


(4) التأكد من إضافة المصطلح إلى قاعدة البيانات 
وللتأكد من أنه تم إضافة البيانات فى سجل جديد في قاعدة البيانات» نفتح قاعدة البيانات في 
تبودب جديد لمستعرض الإنترنت بكتابة الرابط التالي '10623111051/0112113[/201113111" في شريط 


العنوان ونتأكد من إضافة سجل جديد فى جدول '61115]": 
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الوحدة الثالثة 
تأمين موقع "قاموس مصطلحات الكمبيوتر المصور" 








لعارايى 
22 0 م 0 | »ا ... / 127.0.0.1 / 080قعدمطاهعه! ل 6 > م نعق_بداه:_اطغ:0- اناه ابا #مام.ممتعد_بيه_اطغبمتحمكةردممام/3080غدهطاهءها//:مغط ملام || : 4 © 
ْ > كصمعم0 (8]| خعلا 5نمايعمم م يح 
حم | حرييت ات اللو يت 0ف ل 0 اللاي سن عت رتكا 1ه 6 7 0 0 0 7 م م م 
عنمالا * اغنومصا لجا #رمميدع كنا غوكما غ36 طعنيدهة5 4 له5 [غم عتنفعنسة5 مما ودبرمرق8 2 © 965١‏ 4 81 > 
015 أرمععع8 
(.705م0عع5 0.0010 10016 لإااعنا2) ,اهام 1) 0 - 0 0/5 9اللامطاك عن الاعلطا نن 
امعل» | 5 
2011101131 يناب 
١‏ قمطوغ * مهم * لنظدطة العلا قي 
5 جما لد 
[ طدع7ع2 ] [ ع0م0 منام عأهع:0 ] [ 501 مندامءع ] [غ1لع ] [ عمتاما ] وداللؤم,رطل] 55 ما |+ 
3 1101131016 و الى 
عاطها كلطا طاعردع5 | :دلوم ععغلاط إ٠|‏ 25 ١‏ :كلام أه ععطصسلة 00 1 
2 
3 ع5_ع01111316معم | 5 
5 + وملام ا كه 
ناا أم 06 لرراعا ع1 لز > ه | ه 6 1 
ومزءأنام6»017_)عمناذ/ءام ٠‏ كمبيوتر ذو إمكاتيات هائلة جدأ يستخدم لتخزين الكمبيوتر 'عمنا5 | 6 عاعاء0 © مم0 36 الع يق [ ] لاأناوطع/ ١‏ 9 
...ومعال العملائق ]عنام 0011 
مم لق عاعاء0 © عومدحات فى -:معاععاع5 7اآلالا الث ءاع1 0 لأ ١‏ 
عاطها لطا طعرودع5 | :ديلدم عمؤازع 25 :5بلام أو ععطلسل؟ 
6315م 5]اناكع؟ /[01061 
الاعآلا عأدع00 [15)] أندطء نإدام كان وَلْلنَ 0116ماع لعن (كاماع] اانا طاابن) لعا غممط رم ءانا مط وها 
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شكل (4”) نافذة التأكد من إضافة المصطلح في جدول قاعدة البيانات 
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